javascript - ng 当数组索引更改时重复,即数组 ['1234' ]

标签 javascript arrays angularjs

尝试实现一个简单的 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/

相关文章:

javascript - Chrome 放置文件夹 - 文件不完整

javascript - 如何通过 JavaScript 或 CSS 检查用户是否处于高对比度模式

C++:如何洗牌动态指针数组?

python - 如何从字节数组中读取特定值?

javascript - Meteor 具有 blaze(网络)和 Angular(移动)

使用 .empty 函数时,Javascript Loop 仅返回最后一个值

javascript - 如何调试zone.js异常?

c++ - 任何程序都会检测到 C/C++ 结构中的缓冲区溢出吗?

javascript - 如何在 Angular JS 中将参数传递给模态

javascript - 浏览器显示大量不同的值