访问angular2中没有管道或ngfor的对象

Question

Lets say that i have the following data asymmetrical array

 [{'name':'user','password':'123'},{'title':'officer','grade':'5','age':'5'}]

from an ajax request that maps it

return this._http.get(url).map( res => res.json() );

and i want to access it in angular2 html template, i directly know what each block corresponds to and it's technically not an array that you'd loop.

Is there a method in angular to access the data without using a pipe or ngFor?

currently i'm using a really dirty method by slicing ngFor then using the dictionary data

<div *ngFor="let  i of element| slice:0:1">
<p> {{element.name}} </p>
<p> {{element.pass}} </p>
</div>
<div *ngFor="let  i of element| slice:1:2">
<p> {{element.title}}</p>
...

is there a simpler way with less setup to do this, because i keep encountering hundres of exceptions and i can't find a simple documented way to access JSON objects without the overhead setup?

Answer 1

You need to guard null values if you get the data async

{{element && element[0].name}}
{{element && element[0].pass}}
{{element && element[1].title}}