根据子对象属性过滤 ng-repeat 列表 [英] Filtering an ng-repeat list based on a sub-object property

问题描述

jsfiddle http://jsfiddle.net/KfSBq/

通过子对象，我的意思是我用 ng-repeat 显示的对象都包含一个内部对象列表，我希望根据这些子对象之一的属性进行过滤.

仅此一项就非常简单.我有一个 dailies 对象，每个对象包含一个 date 和一个 entries 对象列表:

function Ctrl($scope) {$scope.dailies = [{date: new Date('07/07/2013'),条目:[{类别:'A'，注意:'Lorem ipsum'}，{类别:'B'，注意:'Lorem ipsum'}]}，{日期:新日期('05/02/2013')，条目:[{category: 'A', note: 'Lorem ipsum'}]}];}

我显示它们，按类别过滤:

<div class="daily" ng-repeat="daily in dailies | orderBy:'-date'">{{ 每日日期 |日期:'dd/MM/y' }}<div class="entry" ng-repeat="entry in daily.entries | filter:{ category: 'B'} "><span>{{ entry.category }}</span>, <span>{{ entry.note }}</span>

我的问题是现在根本不包含任何条目的日常对象仍然显示.我如何实现这样一种情况，如果过滤使 daily 的 entries 列表为空，那么 daily 也不会显示?>

解决方案

您可以在表达式中创建新的作用域成员.

这使您可以将过滤列表分配给新变量，该变量可在整个本地范围内使用.这样，您就可以将过滤列表的长度传递给 ng-show:

<div ng-controller="Ctrl"><div类=每天"ng-repeat="每日日报 | orderBy:'-date' "ng-show="filteredEntries.length">{{ 每日日期 |日期:'dd/MM/y' }}<div 类=条目"ng-repeat="过滤条目中的条目 = (daily.entries | filter:{ category: 'B'})"><span>{{ entry.category }}</span>, <span>{{ entry.note }}</span>