【问题标题】:ionic filter by more than one condition一种以上条件的离子过滤器
【发布时间】:2017-06-20 14:32:06
【问题描述】:

我想过滤多个状态。

我有以下 JSON

[{name:'firstPerson',status:1},{name:'secondPerson',status:2},{name:'thirdPerson',status:3}]

然后我遍历它们

<div class="card" data-ng-repeat="res in result | filter:{ status:0, status:2} as avilableNames" >
    <div class="item item-text-wrap">
        <div class="row">
            <div class="col">
                <li>{{res.name}}</li>
            </div> 
        </div>
    </div>
</div>
<ul>
    <li  ng-if="avilableNames.length===0">
        There are no available names for that status
    </li>
</ul>

我试过了:

  • | filter:{ status:0, status:2}
  • | filter:{ status:0} | filter:{ status:2}
  • | filter:{ status:[0,2]}
  • | filter:{ status:0} || { status:2}

  • | filter:{ status:myFilter}在我的控制器中具有以下功能

$scope.myFilter = function (item) 
{
return item = 0 || item = 2 ; 
};

【问题讨论】:

  • 您是否正在为控制器中的过滤器编写方法?
  • 我尝试的最后一个示例是控制器中的方法。它是我尝试编写的示例集中的最后一个选项。

标签: angularjs ionic-framework filter


【解决方案1】:

您可以使用这样的过滤器功能;注意.status:

$scope.myFilter = function(item){
return item.status == 0 || item.status == 2;
};

在你的ng-repeat 中这样使用它:

<div ng-repeat="res in results | filter:myFilter">{{res.name}}</div>

【讨论】:

  • 很高兴为您提供帮助:)
猜你喜欢
  • 2019-07-10
  • 2019-06-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多