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

发布时间：2020-12-17 07:08:54 所属栏目：安全来源：网络整理

导读：我尽可能简化了这一点. 我正在使用 angularjs,我有一个带有json对象数组的控制器,如下所示： controller('simpleC',function ($scope) { $scope.myArrayOfValues = [ { "name" : "name1","extra": "data" },{ "name" : "name2",{ "name" : "name3","extra":

我尽可能简化了这一点.
我正在使用 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循环或哈希映射？

解决方法

你想使用 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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!