Javascript 在ng repeat中折叠更改图标

Javascript 在ng repeat中折叠更改图标,javascript,css,angularjs,Javascript,Css,Angularjs,我使用ng repeat在应用程序中显示日志。当我点击任何报警链接时,它们会展开并显示详细信息。 问题是,当我们点击任何报警链接时,所有图标都会改变,但我只想改变点击。 我不知道如何在ng repat中修复此问题,是否有任何解决方案?塔克斯 看一看 找到我问题的解释 var myApp=angular.module('myApp',[]); 控制器(“MyCtrl”,函数MyCtrl($scope){ $scope.colours=[]; $scope.INCLUDECOUR=功能(优先级){

我使用ng repeat在应用程序中显示日志。当我点击任何报警链接时,它们会展开并显示详细信息。 问题是,当我们点击任何报警链接时,所有图标都会改变,但我只想改变点击。 我不知道如何在ng repat中修复此问题,是否有任何解决方案?塔克斯 看一看 找到我问题的解释

var myApp=angular.module('myApp',[]);
控制器(“MyCtrl”,函数MyCtrl($scope){
$scope.colours=[];
$scope.INCLUDECOUR=功能(优先级){
var i=$.inArray(优先级,$scope.colourIncludes);
如果(i>-1){
$范围。包括。拼接(i,1);
}否则{
$scope.colours.push(优先级);
}
}
$scope.colorfilter=函数(列表){
如果($scope.colours.length>0){
if($.inArray(lists.priority,$scope.colourIncludes)<0)
返回;
}
退货清单;
}
$scope.collapseIt=函数(id){
$scope.collapseId=($scope.collapseId==id)?-1:id;
}
$scope.lists={
“LOG1”:[{
“id”:52,
“项目id”:999,
“序列号”:“999-S”,
"优先":一,,
“类型”:“报警湿度传感器”,
“已创建”:“2017-12-13 14:12:35”,
“更新”:“2017-12-14 14:35:08”
}, {
“id”:57,
“项目id”:1559,
“序列号”:“1559-S”,
"优先":一,,
“类型”:“报警湿度传感器”,
“已创建”:“2017-12-13 14:29:01”,
“更新”:“2017-12-18 14:28:57”
}, {
“id”:62,
“项目id”:1560,
“序列号”:“1560-S”,
"优先":一,,
“类型”:“报警湿度传感器”,
“已创建”:“2017-12-13 14:30:03”,
“更新”:“2017-12-18 14:30:03”
}],
“LOG2”:[{
“id”:53,
“项目id”:999,
“序列号”:“999-S”,
"优先":二,,
“类型”:“报警\电池\电压”,
“已创建”:“2017-12-13 14:12:35”,
“更新”:“2017-12-14 14:35:08”
}, {
“id”:58,
“项目id”:1559,
“序列号”:“1559-S”,
"优先":一,,
“类型”:“报警\电池\电压”,
“已创建”:“2017-12-13 14:29:01”,
“更新”:“2017-12-18 14:28:57”
}, {
“id”:63,
“项目id”:1560,
“序列号”:“1560-S”,
"优先":一,,
“类型”:“报警\电池\电压”,
“已创建”:“2017-12-13 14:30:03”,
“更新”:“2017-12-18 14:30:03”
}],
“LOG3”:[{
“id”:54,
“项目id”:999,
“序列号”:“999-S”,
"优先":一,,
“类型”:“报警\电池\电流”,
“已创建”:“2017-12-13 14:12:35”,
“更新”:“2017-12-14 14:35:08”
}, {
“id”:59,
“项目id”:1559,
“序列号”:“1559-S”,
"优先":一,,
“类型”:“报警\电池\电流”,
“已创建”:“2017-12-13 14:29:01”,
“更新”:“2017-12-18 14:28:57”
}, {
“id”:64,
“项目id”:1560,
“序列号”:“1560-S”,
"优先":一,,
“类型”:“报警\电池\电流”,
“已创建”:“2017-12-13 14:30:03”,
“更新”:“2017-12-18 14:30:03”
}]
};
});
myApp.factory('serverResponseErrorsFactory',['$filter',函数($filter){
返回{
formatAndTranslateErrors:函数(错误){
var errorMessage=“”;
var translatedErrors=[];
角度.forEach(错误,函数(错误,键){
push($filter('translate')(err))
})
errorMessage=translatedErrors.join(“|”);
返回错误消息;
}
};
}]);
a[aria expanded=true].fa V形右{
显示:无;
}
a[aria expanded=false].fa V形向下{
显示:无;
}

总结
尝试单击任意日志端查看图标。所有更改,但我只想单击一次更改
{{list.update_dt}} {{list.type} {{列表.序列号}
请检查更新的小提琴

问题是
href
id
这三个列表在代码中的组合是相同的。
我刚刚添加了
$index

Thnx,但请看一下。如果我添加的日志超过3个,则4个或更高版本上的折叠图标不起作用。仅在前3个日志上。看一看。thnx