각도 2 보간

Question

보간을 통해 json에서 다른 값을 렌더링하려고하지만 어떤 이유로 반복에서만 작동합니다. 예를 들어

:

<ul> 
    <li *ngFor="let object of objects"> 
     {{object.title}} {{object.text}} 
    </li> 
</ul> 

이 작동합니다.

하지만 그것은 작동하지 않습니다 반복하지 않고 특정 값을 액세스 할 때마다 :

{{objects[0].title}} {{objects[0].text}} 

을이 오류를 얻기 : ORIGINAL 예외 : 형식 오류를 : 재산 '0'정의되지 않은

어떤을의를 읽을 수 없습니다 이것이 일어나는 이유?

감사합니다.

Answer 1

처음에는 objects의 값을 설정하지 않았을 것입니다. 귀하의 코드는 아마도 이런 식으로 보입니다.

@Component({ 
... 
}) 
class MyComponent { 
    objects; 
    ngOnInit() { 
     someHttpRequest().then((res) => objects = res); 
    } 
} 

각도 구성 요소가로드 되 자마자 objects을 보간하려고, 당신은 사실, 그 objects[0]이 때까지 객체에 값을 제공하지 않기 때문에, 정의되지 않은 것입니다.

당신은 몇 가지 방법으로이 문제를 해결할 수 있습니다 - 아마 가장 쉬운 방법이 될 것 인 *ngIf

<div *ngIf="objects && objects.length > 0"> 
    {{objects[0].foo}} 
</div> 

Answer 2

간단한 대답에 어떤 object[0] 참조를 래핑하는 그냥,

{{Objects[0]?.title}} {{objects[0]?.text}}