AngularJs，不区分大小写

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个充满小写和大写数据的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。

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

回答：

filter将您在使用字符串的toLowerCase的适用范围内定义的函数名称传递给您。参见ngFilter。函数签名很简单function

(item) { ... }。

控制器中的示例JS：

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

HTML示例：

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

样品柱塞

以上是 AngularJs，不区分大小写 的全部内容， 来源链接： utcz.com/qa/402082.html

回到顶部