34

jsfiddle http://jsfiddle.net/KfSBq/

子对象是指我使用 ng-repeat 显示的对象都包含一个对象列表，我希望根据其中一个子对象的属性进行过滤。

仅此一项就很简单了。我有一个对象dailies，每个对象都包含一个date和一个entries对象列表：

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'), 
                       entries: [{category: 'A', 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>

我的问题是，现在根本不包含任何条目的日常对象仍然显示。entries如果过滤使列表为daily空，我该如何实现daily也不会显示的情况？

4

1 回答 1

48

您可以在表达式中创建新的范围成员。

这使您可以将过滤列表分配给新变量，该变量可在整个本地范围内使用。这样，您可以将过滤列表的长度传递给 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>

小提琴

顺便说一句，很好地提出问题！

于 2013-07-07T17:35:27.647 回答