尝试实现一个简单的 ng-repeat,其数组的索引根据我的要求进行了更改
$scope.arr["123"] = { id: '123', name: 'ali', speed: '0' }
&&
$scope.arr["345"] = { id: '345', name: 'umar', speed: '1' }
and so on...
现在,由于 0 ng-repeat 中的数组长度没有帮助,需要知道替代方案,如我的 .ejs 文件代码:
<div ng-repeat="items in arr">
<div class="col-sm-6 item two">
<div class="full-width-float multiviewbox-inner">
<div class="multiuser-status-up">
<span class="cn_item multi-cross">
<i class="cross-toogle-black"></i>
</span>
<div class="float-left-left">
<span class="badge user-act-mul">
{{items.name}}</span>
</div>
</div>
<div class="multiuser-status-down">
<div class="float-left-left">
<span class="cn_item badge">
<i class="sprite-weeklyicon iconweekly-
2"></i>
<span class="speed-multi-user">Speed <span
class="text-primary">{{items.speed}}
</span>kmph</span>
</span>
</div>
<div class="float-right-right multimap-
fullscreen-on">
<span class="cn_item badge">
<i class="multimap-fullscreen"></i>
</span>
</div>
</div>
</div>
</div>
最佳答案
正如评论中提到的,当 arr
是一个对象时,您正在尝试迭代数组。如果您仍然收到错误,则您可能没有初始化 arr
。
这是一个工作示例。
angular.module('app', [])
.controller('Ctrl', ['$scope', ($scope) => {
$scope.arr = {};
$scope.arr["123"] = {
id: '123',
name: 'ali',
speed: '0'
};
$scope.arr["345"] = {
id: '345',
name: 'umar',
speed: '1'
}
}]);
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<body ng-app="app" ng-controller="Ctrl">
<div ng-repeat="(key, items) in arr">
<div class="col-sm-6 item two">
<div class="full-width-float multiviewbox-inner">
<div class="multiuser-status-up">
<span class="cn_item multi-cross">
<i class="cross-toogle-black"></i>
</span>
<div class="float-left-left">
<span class="badge user-act-mul">
{{items.name}}
</span>
</div>
</div>
<div class="multiuser-status-down">
<div class="float-left-left">
<span class="cn_item badge">
<i class="sprite-weeklyicon iconweekly-2"></i>
<span class="speed-multi-user">
Speed
<span class="text-primary">{{items.speed}}
</span>kmph</span>
</span>
</div>
<div class="float-right-right multimap-fullscreen-on">
<span class="cn_item badge">
<i class="multimap-fullscreen"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</body>
关于javascript - ng 当数组索引更改时重复,即数组 ['1234' ],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57707290/