使用angular ui unique消除下拉​​菜單中的重復項

Question

嗨，我有一個從db獲取其值的api。 在我的api我有一個下拉菜單，我有一些類別，如食品，醫療保健和下拉類別重復我應該做什么使下拉類別獨特。 我必須使用角度js，因為所有功能都基於角度js。

<div class="span3">
    <div class="input-append">
        <input class="span2" id="brandSearch" data-ng-model="brand" type="text" placeholder="Search">
        <div class="btn-group">
            <button class="btn dropdown-toggle" data-toggle="dropdown">
                Brand
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                   <div id="divBrandId{{$index+1}}" ng-repeat="coupon in coupons | filter" onclick="javascript:assignTextValueBrand('{{$index+1}}');" onmouseover="this.style.background='violet';this.style.color='white';" onmouseout="this.style.background='white';this.style.color='black';"> {{xxxx.brand}}
                   </div>
            </ul>
        </div>
    </div>
</div>

Answer 1

Angular-UI有一個“唯一”過濾器，您可以使用它來執行此操作。 在這里找到它： http ： //angular-ui.github.io/

你可以像這樣使用它：

<div ng-repeat="coupon in coupons | unique:'brand'">
   {{coupon.brand}}
</div>