如何在AngularJS ng-repeat中显示地图对象内容

Question

我的角度控制器中有一个地图对象，就像这样，

var map = new Map();
map.set(1,'a');
map.set(2,'b');
map.set(3,'c');
map.set(4,'d');
$scope.map = map;

如何使用ng-repeat在我的html文件中显示其内容？ 我试过以下，他们没有工作

    <div ng-repeat ="m in map">
        {{m}}
    </div>


    <div ng-repeat ="(key, value) in map">
        {{key}}
        {{value}}
    </div>

Answer 1

您不必在重复对象数组上进行ng-repeat迭代。但是你可以使用Agular Filter GroupBy这样的东西。或者将数组的结构更改为[{key: 'key', value: 'value'},..]并将ng-repeat更改为

<div ng-repeat ="item in map">
    {{item.key}}
    {{item.value}}
</div>