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

时间:2016-07-27 19:41:02

标签: json ajax angular

假设我有以下数据不对称数组

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

来自映射它的ajax请求

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

我希望在angular2 html模板中访问它,我直接知道每个块对应的内容,从技术上讲,它不是你循环的数组。

是否有一个角度方法来访问数据而不使用管道或ngFor?

目前我正在使用一种非常脏的方法,通过切片ng然后使用字典数据

<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>
...

是否有一种更简单的方法,设置较少,因为我一直遇到异常,我找不到一个简单的文档方式来访问JSON对象而没有开销设置?

1 个答案:

答案 0 :(得分:3)

如果获取数据异步

,则需要保护空值
{{element && element[0].name}}
{{element && element[0].pass}}
{{element && element[1].title}}