首页 / JAVASCRIPT / javascript – Angular通过其属性过滤对象

javascript – Angular通过其属性过滤对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular通过其属性过滤对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1505字，纯文字阅读大概需要3分钟。

内容图文

我有一个具有一系列对象属性的对象,它们具有以下类似结构(这是数据从服务返回的方式)：

{
  "1": {
    "type": "foo",
    "name": "blah"
  },
  "2": {
    "type": "bar"
  },
  "3": {
    "type": "foo"
  },
  "4": {
    "type": "baz"
  },
  "5": {
    "type": "test"
  }
}

当我进行ng-repeat时,我可以遍历所有这5个对象,例如：

<div ng-repeat="item in items">{{item.type}}</div>

但是,我真正想要做的只是迭代那些不是“foo”类型的项目,即3次迭代而不是5次.我知道过滤器可以某种方式用来做到这一点,但我不知道如何.我尝试了以下方法：

<div ng-repeat="item in items| !filter:{type:'foo'}">{{item.type}}</div>

但这不起作用.实际上,即使只执行以下操作来限制只有2个对象(那些使用item.type ===“foo”),它也不起作用并进行5次迭代：

<div ng-repeat="item in items| filter:{type:'foo'}">{{item.type}}</div>

从本质上讲,我想做类似的事情：

<div ng-repeat="item in items" ng-if="item.type !=='foo'>{{item.type}}</div>

但是,我知道一个不起作用.

解决方法:

过滤器适用于数组,但您有一个对象文字.

因此,您可以将对象文字转换为数组,也可以创建自己的过滤器而不是对象文字.

如果您不需要这些索引值,那么转换为数组可能是您最好的选择(
这是阵列工作的小提琴：http://jsfiddle.net/NqA8d/3/)：

$scope.items = [{
    "type": "foo",
        "name": "blah"
}, {
    "type": "bar"
}, {
    "type": "foo"
}, {
    "type": "baz"
}, {
    "type": "test"
}];

如果你想做一个过滤器,这是一种方法：

myApp.filter('myFilter', function () {
    return function (items, search) {
        var result = [];
        angular.forEach(items, function (value, key) {
            angular.forEach(value, function (value2, key2) {
                if (value2 === search) {
                    result.push(value2);
                }
            })
        });
        return result;

    }
});

那个小提琴：http://jsfiddle.net/NqA8d/5/

内容总结

以上是互联网集市为您收集整理的javascript – Angular通过其属性过滤对象全部内容，希望文章能够帮你解决javascript – Angular通过其属性过滤对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/711769.html

来源：【匿名】