angularjs - 如何在 ng-repeat 中显示元素一次

Question

我需要按价格遍历列表顺序，一旦价格不存在，我就会显示一条不可用的消息，但我不想为每个空元素显示它。我正在使用 Angular 1.2

<div ng-repeat="item in list | orderBy: 'cost'">

  <div ng-if="cost == 0 and not already shown">Sorry the following are unavailable</div>
  <div>...my item here...</div>
<div>

Answer 1

您可以有条件地显示两个跨度 - 一个是 0 (您的“不可用”消息)和另一个用于其他任何事情。

<ul>
  <li ng-repeat="d in newData track by $index">
    <span ng-show="d > 0">{{d}}</span>
    <span ng-show="d === 0">Not Available</span>
  </li>
</ul>

数据可以通过一个函数拉取所有 0在第一个之后:

  $scope.data = [1,2,3,0,1,0,0,1,0,2]
  $scope.pullDupes = function(array) {
    var newArray = [];
    var zero;
    for(var i = 0; i < array.length; i++) {
      if (array[i] !== 0) {
        newArray.push(array[i])
      }
      if (array[i] === 0 && !zero) {
        zero = true;
        newArray.push(array[i])
      } 
    }
    return newArray;
  }
  $scope.newData = $scope.pullDupes($scope.data);

Plunker