ng-repeat with a Map not working

[saeimn]

When trying to use ng-repeat over a map:

<span ng-repeat="(key, value) in {'a': 1, 'b': 2, 'c': 3}">
{{key}}: {{value}}
</span>

which is described in the Angular JS documentation:
http://docs.angularjs.org/api/ng.directive:ngRepeat#!

I get the following error:
type '_LinkedHashMap' is not a subtype of type 'List' of 'value'.

[mhevery]

This is intentional. We found that there were many issue with iterating over Maps, and so we decided not to support this feature.

[saeimn]

Could we at least have a better error message then? This is very misleading because it diverges from Angular JS.

[zoechi]

Is there some workaround?

I tried:

<div ng-repeat="key in ctrl.map.keys.toList()">{{key}}</div>
seems not to work either

[Eval Error: Undefined function ctrl.mapKeys.toList while evaling [ctrl.mapKeys.toList()]]

I added a method on the controller that returns the keys of the map. Using this method worked
<div ng-repeat="key1 in ctrl.mapKeys(ctrl.map)">key1: {{key1}}

Then I tried to repeat over a nested map which failed at
<div style="margin-left:60px;" ng-repeat="key3 in ctrl.mapKeys(ctrl.map[key1][key2]))">key2: {{key2}}

Again adding a method to the controller solved this
<div style="margin-left:60px;" ng-repeat="key3 in ctrl.mapKeys(ctrl.mapValue(ctrl.map, key1, key2))">key2: {{key2}}

Obviously such an expression ctrl.map[key1][key2] (two concatenated list accessors) can't be evaluated inside {{}}

Should this work. Is this planned?
Is there a better way?

[mhevery]

Can you write a custom filter to do this?

<div ng-repeat="keyValue in trl.mapKeys | myMapToList">key1: {{keyValue.key}} - {{keyValue.value}}

Something which consumes a map and spits out a list?

[mhevery]

Filed #394

[zoechi]

Thanks for you feedback!
I'm not yet used to filters but I will try this out.

[yx-will]

I almost cried after having spent my whole good Sunday on finding out why my ng-repeat didn't print anything until I stumbled upon this page. I converted Map to an array of Objects and it finally works.