简体   繁体   English

用ng-repeat过滤数组

[英]Filter array in ng-repeat with

I have a simple question: I have an array of object which i iterate trough in "ng-repeat": 我有一个简单的问题:我有一个对象数组,它在“ ng-repeat”中迭代低谷:

Object: 宾语:

  $scope.my objects= [
            { value: '1', text: 'lorem ipsum...1' },
            { value: '2', text: 'lorem impsum...2' },
            { value: '3', text: 'lorem ipsum...3' }
        ]

Now in my ng repeat i need to be able to set the status, so i have a select in which i have all available options: 现在在ng重复中,我需要能够设置状态,因此我可以选择所有可用选项:

Option from my Select: 我选择的选项:

 $scope.select_option= [
            { value: 'confirmed', text: 'confirmed' },
            { value: 'rejected', text: 'rejected' },
            { value: 'cancelled', text: 'cancelled' }
        ]

I would like to filter which options to display for each item of my my main object. 我想为我的主要对象的每个项目过滤显示哪些选项。 This is an example of which filter i woul like in my select repeat. 这是我在选择重复中想要的过滤器的一个示例。

 object.status == 'pending' && (object.start.getTime() >= new Date().getTime())

You can use two ways to do this: 您可以使用两种方法执行此操作:

  1. While iterating on the dom element use ng-if (Recommended way): 在dom元素上进行迭代时,请使用ng-if(推荐方式):

    <div ng-repeat="object in objects" ng-if="object.status === 'pending'> {object} </div>

  2. Or else you can use an angular filters: 否则,您可以使用角度滤镜:

    <div ng-repeat="object in objects | custom_filter"> </div>

where you write your custom filter. 您在其中编写自定义过滤器的位置。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM