Angular of-重复一次

Question

我有一个 angular ng-repeat 函数。它完美地重复了我列表中的所有项目，但我需要这些项目只显示一次。

HTML:

<div class="list">
    <div class="item item-stable" ng-repeat="departure in flightSource" padding="false" ng-click="custom=!custom">
        <div class="center">
            Terminal {{departure.airportResources.departureTerminal}}
            <div ng-hide="custom">hello</div>
        </div>
    </div>
</div>

JSON: 如您所见，我得到了两个 "TERMINAL 4" 的如果已经重复了，我只想显示一个。

airportResources:
    ObjectarrivalGate: "A9"
    departureGate: "14"
    departureTerminal: "1"

airportResources:
    ObjectarrivalGate: "B1"
    baggage: "5"
    departureGate: "44B"
    departureTerminal: "4"

airportResources:
    ObjectdepartureGate: "44F"
    departureTerminal: "4"

etc...

Answer 1

您可以像这样使用自定义过滤器：

<div ng-repeat="d in Resources | unique: 'airportResources.departureTerminal'">
    <div class="center">
        Terminal {{d.airportResources.departureTerminal}}
    </div>
</div>

作为额外的好处，您不必自己编写自定义过滤器。它是名为 Angular-UI 的配套库的一部分。我已经在以下插件中为您实施了解决方案：

http://plnkr.co/edit/JVdgO8NYTnZAWAgQJbXa?p=preview

Angular of-重复一次

Angular ng-repeat once

javascript

angularjs

ng-repeat

angularjs-ng-repeat