is there way to modify filter in Angular MatTableDataSource to filter data from the beginning of the searched expression and not included?

Question

I have the same implementation as this stackblitz : https://stackblitz.com/edit/angular-f3mmmp?file=src%2Fapp%2Fapp.component.ts

For exemple if i search about "sa" in input i have two results. I just want to have the result of the name that starts with "sa" ( one result in this case) image description here

Anyone have an idea how to start filtering from the beginning of the expression using MatTableDatasource ?

Thanks :)

Answer 1

Solution is found.

in line 91 Replace : data.name.toLowerCase().indexOf(searchTerms.name) !== -1 by data.name.toLowerCase().startsWith(searchTerms.name)