2016-07-27 3 views
0

에 난 그것을액세스 개체 또는 ngfor angular2

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

매핑 Ajax 요청에서 다음 데이터 비대칭 배열

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

이 있다고 말할 수 난 angular2에 액세스하려는 html 템플릿을 사용하면 각 블록이 무엇에 해당하는지 직접 알 수 있습니다. 기술적으로 루프를 배열하는 것이 아닙니다.

파이프 또는 ngFor를 사용하지 않고 데이터에 액세스하는 방법이 있습니까? 내가 예외의 hundres가 발생 유지하고 내가 할 수 있기 때문에 현재

난 다음

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

이렇게 적은 설치와 간단한 방법이 사전 데이터를 사용하여 ngFor 슬라이스가 정말 더러운 방법을 사용하고 있습니다 오버 헤드 설정없이 JSON 객체에 접근하는 간단한 문서화 된 방법을 찾지 못했습니까?

답변

3

당신은 당신이이 구조의 [[{}] {}] 종류에 적용됩니까 데이터 비동기

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

을받을 경우는 null 값을 보호해야합니까? {{element && element [0] [1] .title}} – Newbie

+0

이 있고 그 기술도 가능합니다. 설명서를 설명하거나 링크 할 수 있습니까? – Newbie

+0

찾고있는 문서가 확실하지 않습니다. 문제는 Angular가 비동기식 'this._http.get()'에서 데이터가 도착하기 전에 바인딩 표현식을 해결하려고한다는 것입니다. 내 대답의 코드는'element'가'null'이고'element [...] .... .... '이면'null'을 반환합니다. 이것은 기본 JavaScript 코드입니다. 특별한 것은 없습니다. '&&'는 단락 중입니다. 'element == null'의 경우,'&&'의 뒤의 부분은 전혀 평가되지 않습니다. –

관련 문제