Suppose I have the following data in an asymmetric array:
[{'name':'user','password':'123'},{'title':'officer','grade':'5','age':'5'}]
which is obtained from an ajax request and mapped using:
this._http.get(url).map( res => res.json() );
In my Angular2 html template, I am aware of what each block represents without needing to loop through it. Is there a way in Angular to access this data directly without using pipes or ngFor?
Currently, I am using a workaround by slicing the ngFor loop and accessing 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 to achieve this without the need for excessive setup? I keep encountering numerous exceptions and cannot find a straightforward method documented anywhere.