angularjs：使用键值对迭代数组

Question

我正在创建一个如下所示的数组：

var arr =[];
arr['key1'] = 'value1';
arr['key2'] = 'value2';

如果在ng-repeat标记中使用此数组，则它不显示任何内容。 有没有办法使它工作？

<div data-ng-repeat='(key,value) in arr'>{{key}} - {{value}}</div>

有没有办法使它工作？

Answer 1

要走的路，就是创建普通对象（而不是数组）

// instead of creatin of an Array
// $scope.myArr = [];
// we just create plain object
$scope.myArr = {};
...
// here we just add properties (key/value)
$scope.myArr['attempt1'] = {};
...
// which is in this case same as this syntax
$scope.myArr.attempt1 = {};

你是更新的plunker

查看更多详细信息，例如：

Javascript：了解对象与阵列以及何时使用它们。 [第1部分]

Answer 2

就JavaScript而言，关联数组只不过是一个对象。 IMO关联数组和对象几乎相同。

例如：你的arr['key1'] = 'value1'; 可以称为console.log(arr.key1);

要使代码工作，您需要通过删除[]并替换为{} （Curly大括号）来更改数组声明

像这样var arr = {};