为了账号安全,请及时绑定邮箱和手机立即绑定

如何使ng-重复筛选出重复的结果

如何使ng-重复筛选出重复的结果

繁星点点滴滴 2019-06-26 16:53:10
我在运行一个简单的ng-repeat在一个JSON文件上,并希望获得类别名称。有大约100个对象,每个属于一个类别,但只有大约6个类别。我目前的代码是:<select ng-model="orderProp" >   <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option></select>输出是100个不同的选项,大部分是重复的。如何使用角度检查{{place.category}}已经存在了,而不是创建一个选项,如果它已经存在的话?编辑:在我的javascript中,$scope.places = JSON data,只是为了澄清如何使ng-重复筛选出重复的结果
查看完整描述

3 回答

?
慕村225694

TA贡献1880条经验 获得超4个赞

你可以用独树一帜从AngularUI中筛选(源代码可在此找到):AngularUI唯一滤波器)并直接在ng-选项(或ng-重复)中使用。

<select ng-model="orderProp" ng-options="place.category for place in places | unique:'category'">
    <option value="0">Default</option>
    // unique options from the categories</select>


查看完整回答
反对 回复 2019-06-26
?
达令说

TA贡献1821条经验 获得超6个赞

或者你可以写你自己的过滤器使用房车。

app.filter('unique', function() {
    return function (arr, field) {
        return _.uniq(arr, function(a) { return a[field]; });
    };});


查看完整回答
反对 回复 2019-06-26
  • 3 回答
  • 0 关注
  • 588 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信