Javascript 如何使ng选项仅显示不同的值?

Javascript 如何使ng选项仅显示不同的值?,javascript,angularjs,angularjs-ng-options,Javascript,Angularjs,Angularjs Ng Options,我想让我的ng options元素只显示不同的值。 现在我有了这个 但我希望它只显示一个接一个的值。 例如: 比萨饼最爱 意大利面食 沙拉 这是我的html代码 <select class="form-control" ng-model="main.singleProductListSelected" ng-options="singleOrdersProduct.category.name for sing

我想让我的
ng options
元素只显示不同的值。 现在我有了这个

但我希望它只显示一个接一个的值。 例如:


比萨饼最爱
意大利面食
沙拉
这是我的html代码

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

我可以这样做,还是必须更改变量结果

谢谢



添加唯一:“此处为您的项目名称”

我建议使用类似lodash的库,并创建一个唯一值数组,以便在ng选项中使用

内部控制器

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

在选择ng选项中使用此uniqueNames。就性能而言,这将是一个很好的选择

我认为最好的方法是通过业务逻辑(通过javascript)消除该数组中的所有重复项。请参阅此处的链接。您应该在代码中添加并注入唯一的过滤器。
uniqueNames = _.uniq(_.pluck(main.singleOrdersProductOptions, 'name'))