AngularJs, bộ lọc phân biệt chữ hoa chữ thường

Question

Tôi đã có một bộ dữ liệu đầy đủ với chữ thường và chữ hoa. Ví dụ:

[ 

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

] 

Và tôi đã có một cái gì đó tương tự như sau:

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> 

Những gì tôi muốn làm là để tìm kiếm một người bạn mà không nhìn vào upcases và lowcases. Vì vậy, về cơ bản khi tôi gõ "John", "JOHN" hoặc chỉ đơn giản là "john" trong đầu vào của tôi, nó sẽ trả về người bạn của tôi John.

Vì vậy, có thể áp dụng tùy chọn không phân biệt chữ hoa chữ thường cho bộ lọc?

Answer 1

Chuyển tên hàm đến filter mà bạn xác định trên phạm vi áp dụng, nơi bạn sử dụng chuỗi toLowerCase. Xem ngFilter. Chữ ký hàm là một đơn giản function (item) { ... }.

Ví dụ JS trong điều khiển của bạn:

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

HTML mẫu:

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

Sample Plunker

Answer 2

Có một cách để bật trường hợp bộ lọc insensetive:

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

Plunker