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