arrays - Angularjs |在 JsonArray 中搜索特定值

Question

我已经尽可能地简化了这个过程。 我正在使用 angularjs，我有一个带有 json 对象数组的 Controller ，如下所示:

controller('simpleC', function ($scope) {

  $scope.myArrayOfValues = [
    {
       "name" : "name1",
       "extra": "data"
    },
    {
       "name" : "name2",
       "extra": "data"
    },
    {
       "name" : "name3",
       "extra": "data"
    }
  ];
});

在我的 html View 中，我想根据 name 的值快速从该数组中找到特定的 json 对象。显然我下面写的是错误的，但它的结果是我想要的。

<div ng-show="myArrayOfValues['name2']"></div>

是否有一个 Angular 功能可以用来解决这个问题，从而避免我必须创建 for 循环或 HashMap ？

Answer 1

您想使用filter 。假设您有一个列表。

<ul>
  <li ng-repeat="item in myArrayOfValues">{{item.name}}</li>
</ul>

现在假设您想要使用完全匹配来搜索名称。

<input ng-model="search.name"><br>
<ul>
  <li ng-repeat="item in myArrayOfValues | filter:search:true">{{item.name}}</li>
</ul>

最后一个参数 true 使其完全匹配。您可以关闭最后一个参数或将其设置为 false 以进行不区分大小写的子字符串搜索。