大佬教程收集整理的这篇文章主要介绍了angularjs – 基于子对象属性过滤ng重复列表，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
通过子对象我的意思是我使用Ng-repeat显示的对象都包含自身内部的对象列表，我想根据其中一个子对象的属性进行过滤。
这一点是相当简单的。我有一个对象的日常，每个包含日期和对象的条目列表：
function Ctrl($scopE) { $scope.dailies = [{date: new Date('07/07/2013'),entries: [{Category: 'A',note:'Lorem ipsum'},{Category: 'B',note: 'Lorem ipsum'}]},{date: new Date('05/02/2013'),note: 'Lorem ipsum'}]}]; }
我显示它们，按类别过滤：
<div ng-controller="Ctrl">
<div class="daily" ng-repeat="daily in dailies | orderBy:'-date' ">
{{ daily.date | date:'dd/MM/y' }}
<div class="entry" ng-repeat="entry in daily.entries | filter:{ category: 'B'} ">
<span>{{ entry.category }}</span>,<span>{{ entry.note }}</span>
</div>
</div>
</div>
这允许您将已过滤的列表分配给新变量，该变量可以在本地作用域中使用。这样，您可以将过滤的列表的长度传递给ng-show：
<body ng-app>
<div ng-controller="Ctrl">
<div class="daily"
ng-repeat="daily in dailies | orderBy:'-date' "
ng-show="filteredEntries.length"
>
{{ daily.date | date:'dd/MM/y' }}
<div class="entry"
ng-repeat="entry in filteredEntries = (daily.entries | filter:{ category: 'B'})"
>
<span>{{ entry.category }}</span>,<span>{{ entry.note }}</span>
</div>
</div>
</div>
</body>
Btw，很好的问问题！
以上是大佬教程为你收集整理的angularjs – 基于子对象属性过滤ng重复列表全部内容，希望文章能够帮你解决angularjs – 基于子对象属性过滤ng重复列表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。