一次角重復

Question

我有一個角度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