angularjs – 为Angular JS中的对象变量指定一个过滤器

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

导读：我有一个ng-repeat使用这样的过滤器： #1div class="contestReports" ng-repeat="contest in contests | filter:{votingOver:true}" contestreport/contestreport/div 我想让客户能够过滤它,所以我已经将过滤器分配给这样的变量： #2div ng-init="reportFilt

我有一个ng-repeat使用这样的过滤器：

#1
<div class="contestReports" ng-repeat="contest in contests | filter:{votingOver:true}">
    <contestreport></contestreport>
</div>

我想让客户能够过滤它,所以我已经将过滤器分配给这样的变量：

#2
<div ng-init="reportFilter = {votingOver:true}"></div>
<div class="contestReports" ng-repeat="contest in contests | filter:reportFilter">
    <contestreport></contestreport>
</div>

代码#1正在运行,但代码#2不行,我不知道为什么.

您是否也尝试包装ng-init

<div ng-init="(reportFilter = '{votingOver:true}')"></div>

但是,正如我在之前的评论中所述 – angularjs documentation表示在大多数情况下使用ngInit是一种不好的做法.因此,如果可能,这不应该是您的问题的解决方案.

你的#2代码实际上有效,请检查这个插件 – http://plnkr.co/edit/dBDyYPd3ZoUVdXngu52t?p=preview

//html
  <div ng-init="reportFilter = {votingOver:false}"></div>
<div class="contestReports" ng-repeat="contest in contests | filter:reportFilter">
  {{contest | json}}
</div>

  </div>

//js in controller
  $scope.contests = [
    {id:1,title:'1',votingOver:false},{id:2,title:'2',votingOver:true},{id:3,title:'3',votingOver:true}
    ];

（编辑：李大同）

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