数组 – Angularjs |搜索JsonArray以获取特定值

前端之家收集整理的这篇文章主要介绍了数组 – Angularjs |搜索JsonArray以获取特定值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尽可能简化了这一点.
我正在使用 angularjs,我有一个带有json对象数组的控制器,如下所示:

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

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

在我的html视图中,我想根据name的值快速从该数组中找到一个特定的json对象.显然我下面写的是错的,但结果却是我想要的.

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

有没有我可以使用的角度功能,这将避免我必须创建一个for循环或哈希映射?

解决方法@H_301_24@
你想使用 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.

猜你在找的Angularjs相关文章