如何使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。性能方面，这将是一个很好的选择