AngularJs, senza distinzione tra maiuscole e minuscole

Question

Ho un json pieno di dati con lowcase e upcase. Per esempio:

[ 

    { "firstName":"JoHn" , "lastName":"DoE" }, 
    { "firstName":"aNnA" , "lastName":"smIth" }, 
    { "firstName":"PeTer" , "lastName":"JOnes" } 

] 

E ho qualcosa di simile a questo:

Search: <input ng-model="searchText"> 
     <table id="searchTextResults"> 
      <tr><th>Name</th><th>Phone</th></tr> 
      <tr ng-repeat="friend in friends | filter:searchText"> 
      <td>{{friend.firstName}}</td> 
      <td>{{friend.lastName}}</td> 
      </tr> 
     </table> 

Quello che voglio fare è quello di cercare un amico senza guardare upcases e lowcases. Fondamentalmente quando digito "John", "JOHN" o semplicemente "john" nel mio input, dovrebbe restituire il mio amico John.

Quindi è possibile applicare un'opzione senza distinzione tra maiuscole e minuscole a un filtro?

Answer 1

Passare un nome di funzione a filter definito dall'utente in un ambito applicabile, in cui si utilizza la stringa toLowerCase. Vedi ngFilter. La firma della funzione è un semplice function (item) { ... }.

Esempio JS nel controller:

$scope.filterOnlyFoo = function (item) { 
    return item == "foo"; 
} 

Esempio HTML:

<div data-ng-repeat="item in items | filter: filterOnlyFoo"></div> 

Sample Plunker

Answer 2

C'è un modo per trasformare il corpo del filtro insensetive:

<div data-ng-repeat="item in items | filter : searchText : false"></div> 

Plunker