Angularjs 使用angular ui unique消除下拉菜单中的重复项
嗨,我有一个api,它的值来自db。在我的api中,我有一个下拉菜单,我有一些类别,如食品、医疗保健,在下拉菜单中,这些类别会重复出现,我应该做些什么使下拉菜单的类别独一无二。我必须使用angular js,因为所有的功能都基于angular jsAngularjs 使用angular ui unique消除下拉菜单中的重复项,angularjs,angular-ui,angularjs-ng-repeat,Angularjs,Angular Ui,Angularjs Ng Repeat,嗨,我有一个api,它的值来自db。在我的api中,我有一个下拉菜单,我有一些类别,如食品、医疗保健,在下拉菜单中,这些类别会重复出现,我应该做些什么使下拉菜单的类别独一无二。我必须使用angular js,因为所有的功能都基于angular js <div class="span3"> <div class="input-append"> <input class="span2" id="brandSearch" data-ng-model
<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>
烙印
{{xxxx.brand}
Angular UI有一个“唯一”过滤器,您可以使用它来执行此操作。在这里找到它:
您可以这样使用它:
<div ng-repeat="coupon in coupons | unique:'brand'">
{{coupon.brand}}
</div>
{{优惠券.品牌}