AngularJs,过滤器不区分大小写

Question

我有一个json充满了小写和大写的数据.例如 :

[

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

]

而且我有类似的东西:

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>

我想要做的是搜索朋友而不看高箱和低箱.所以基本上当我在输入中键入"John","JOHN"或简称"john"时,它应该归还我的朋友John.

那么是否可以将不区分大小写的选项应用于过滤器？

Answer 1

有一种方法可以打开case insensetive过滤器:

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

Plunker

Answer 2

传递filter您在适用范围内定义的函数名称,其中使用字符串的toLowerCase.见ngFilter.功能签名很简单function (item) { ... }.

控制器中的示例JS:

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

示例HTML:

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

Sample Plunker