如何使ng-options只顯示不同的值？

Question

我想讓我的ng-options元素只顯示不同的值。 所以現在我有了這個。

但我希望它只顯示一個值。 例：

<select class="form-control" ng-model="main.singleProductListSelected">
    <option value="test_pizza">Pizza Favorites</option>
    <option value="test_pizza">Pasta</option>
    <option value="test_pizza">Salads</option>
</select>

這是我的HTML代碼

<select class="form-control" 
        ng-model="main.singleProductListSelected"
        ng-options="singleOrdersProduct.category.name 
                    for singleOrdersProduct in main.singleOrdersProductOptions">
</select>

我可以這樣做，還是必須更改變量結果？

謝謝！

Answer 1

<select class="form-control" ng-model="main.singleProductListSelected" ng-options="singleOrdersProduct.category.name for singleOrdersProduct in main.singleOrdersProductOptions | unique:'singleOrdersProduct.category.name'"> </select>

添加唯一：'您的商品名稱'

Answer 2

我會推薦lodash like library並創建一個在ng-options中使用的唯一值數組

內部控制器

uniqueNames = _.uniq(_.pluck(main.singleOrdersProductOptions, 'name'))

在select ng-options中使用這個uniqueNames。 性能方面，這將是一個很好的選擇