Immutable.js accesing value inside Angular's *ngFor

Question

I have a simple test Immutable.js Map:

this.numberMap = Immutable.Map({
                first: 1, second: 2, third: 3, big: 100000
            });

Now I try to iterate over this Map with Angular's *ngFor:

<div *ngFor="let n of numberMap">
    {{n}}
</div>

It appears that n is referencing whole entry (key + value), and prints key separated by coma then value. I am unable to access this value, I was unable to find a way to access key or value part of n in any way, is there any way to access these separately?

I tried to iterate with for each over this map to find the value/key properties but forEach unfortunately iterates only through value.

I am not sure , if this helps or not but can you please have a look in this link ? https://stackoverflow.com/a/33910529/1249386 — Sigar Dave, May 15 '18 at 13:17
" I was unable to find a way to access key or value part of n " have you tried `n[0]` for key and `n[1]` for value? — Yury Tarabanko, May 15 '18 at 13:21

score 0 · Accepted Answer · answered May 15 '18 at 13:26

0

Thanks to comments I learned that this pair is returned as normal Array with two entries, so you can access key as n[0] and value as n[1].

answered May 15 '18 at 13:26

Jarek

7,425
15
62
89

Immutable.js accesing value inside Angular's *ngFor

1 Answers1