Javascript 角度1.5隐藏ng重复上的重复值

Javascript 角度1.5隐藏ng重复上的重复值,javascript,angularjs,Javascript,Angularjs,我在Angular中创建一个表,我的问题是,当我在项目数组中循环时,我有一个重复的值(syscode)。我想知道是否有一种方法可以隐藏表中已经显示的值,即数据结构的外观 系统码 输出信号标识 信号时代协调世界时 信号数 状态代码 状况说明 如果系统代码总是包含相同的值两次,那么在数组中循环时是否只在角度上显示一次?多谢各位 <tr ng-repeat="value in sd.data | orderBy: sd.sort_by.col:sd.sort_by.reverse">

我在Angular中创建一个表,我的问题是,当我在项目数组中循环时,我有一个重复的值(syscode)。我想知道是否有一种方法可以隐藏表中已经显示的值,即数据结构的外观

系统码

输出信号标识

信号时代协调世界时

信号数

状态代码

状况说明

如果系统代码总是包含相同的值两次,那么在数组中循环时是否只在角度上显示一次?多谢各位

<tr ng-repeat="value in sd.data | orderBy: sd.sort_by.col:sd.sort_by.reverse">
                    <td class="text-center no-wrapping">{{value.syscode}}</td>
                    <td>{{value.out_signal_id}}</td>
                    <td class="text-center no-wrapping">{{value.sig_epoch_utc}}</td>
                    <td class="text-center ">{{value.num_of_signals}}</td>
                    <td class="text-center no-wrapping">{{value.status_code}}</td>
                    <td class="text-center no-wrapping">{{value.status_note}}</td>
        <tr >

{{value.syscode}
{{value.out_signal_id}
{{value.sig_epoch_utc}
{{value.num}
{{value.status_code}
{{value.status{u note}}
AngularUI有一个独特的过滤器

例如:



编辑:输入错误的AngularJS而不是AngularUI

您可以使用angular注入
AngularUI
,并使用
'unique'
过滤器根据属性过滤出唯一值

只需将其更新为

<tr ng-repeat="value in sd.data | orderBy: sd.sort_by.col:sd.sort_by.reverse | unique:'syscode'">

演示


{{x.ename}

//应用程序声明 var-app=angular.module('myApp',['ui.filters']); //控制器声明 应用程序控制器('myCtrl',函数($scope){ $scope.data={“响应”:[ { “sid”:1, “eid”:“AA”, “ename”:“AA11” },{ “sid”:2, “eid”:“AA”, “ename”:“AA11” } ], “状态”:“成功” }; });
在将其作为viewModel之前,请处理您的输入以删除重复值。@vinayakj我不理解先处理数据->从数据中删除重复项并使用新的唯一数据作为模板绑定的源。一个原因是最好先处理数据,Angular UI提供的
unique
过滤器将执行多次(每个摘要周期至少执行一次),而不是使用该过滤器。相反,在将数组传递到
ng repeat
之前,请删除重复项(尤其是在数据集较大的情况下)。然后,对唯一项的筛选只进行一次。无需添加新库。使用自定义筛选器,甚至是作用域函数,也可以完成此操作。
<tr ng-repeat="value in sd.data | orderBy: sd.sort_by.col:sd.sort_by.reverse | unique:'syscode'">