dart angular2 - access map value component in template

Question

I'd like to know if there is a way to write something like :

 <span>{{myObject?.myField['myKey']}}</span>

in my template.

Thanks for your help.

Günter Zöchbauer · Accepted Answer · 2016-09-30 12:35:45Z

2

The problem with your code is that ['myKey'] is evaluated even when myObject is null. This would require ?[] but that is not supported

<span>{{myObject?.myField != null ? myObject.myField['myKey'] : null}}</span>

or

<span *ngIf="myObject?.myField != null">{{myObject.myField['myKey']}}</span>

~~Maybe this works as well (don't remember)~~

~~<span *ngIf="myObject?.myField">{{myObject.myField['myKey']}}</span>~~

answered Sep 30, 2016 at 12:24

662k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks for the feedback. I'm switching a lot between TS and Dart recently and get sometimes confused about what works where.