reference an object within an array of objects in Angular 2 inside of template

Question

Maybe this is a stupid question. After reading several times this https://angular.io/docs/ts/latest/guide/template-syntax.html I can not find a solution, to reference an object within an array of objects.

I tried it with this

{{ users[0] ? users[0].description }}

I obtain this

Parser Error: Conditional expression {{ users[0] ? users[0].description }} requires all 3 expressions at the end of the expression [ {{ users[0] ? users[0].description }} ] in

I tried it with this

{{ users.0 ? users.0.description }}

I obtain this

Unexpected token '0' at column 7 in [ {{ users.0 ? users.0.description }} ]

any of the above syntax is correct and my mistake is elsewhere, or none of the above is correct. Sorry for my English

somewhere in code

..//
  users: Array<Object>;
  ..//
  this.users = new Array();
  ..//
  this.users.push(users.json())
  ..//

DonovanM · Accepted Answer · 2016-02-17 02:15:00Z

3

You have to provide the "else" part of the ternary operator. So just change it to:

{{ users[0] ? users[0].description : '' }}

answered Feb 17, 2016 at 2:15

DonovanM

1,1981 gold badge13 silver badges18 bronze badges

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

Comments

Günter Zöchbauer · Accepted Answer · 2016-02-17 04:33:42Z

2

You were probably looking for

{{ users[0]?.description }}

answered Feb 17, 2016 at 4:33

Günter Zöchbauer

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

Collectives™ on Stack Overflow

reference an object within an array of objects in Angular 2 inside of template

2 Answers 2

Comments

Comments

Your Answer

Collectives™ on Stack Overflow

reference an object within an array of objects in Angular 2 inside of template

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest