Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 为Angular JS中的对象变量指定一个过滤器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个ng-repeat使用这样的过滤器:
#1
<div class="contestReports" ng-repeat="contest in contests | filter:{voTingOver:truE}">
    <contestreport></contestreport>
</div>@H_262_2@ 
 

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

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

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

您是否也尝试包装ng-init
<div ng-init="(reportFilter = '{voTingOver:truE}')"></div>@H_262_2@ 
 

但是,正如我在之前的评论中所述 – 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}
    ];@H_262_2@

大佬总结

以上是大佬教程为你收集整理的angularjs – 为Angular JS中的对象变量指定一个过滤器全部内容,希望文章能够帮你解决angularjs – 为Angular JS中的对象变量指定一个过滤器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。