* ng TypeScript 코드

Question

에 해당합니다. Type 속성 코드에서 구성 요소 속성이 정의되지 않은 경우 어떻게 확인할 수 있습니까?

.html 구성 요소 템플릿에서 html 요소를 표시 할 때 조건부 검사를 할 수 있습니다. 그들이 존재하지 않거나 아직 초기화되지 않은 경우 디플레이를 피하십시오.

<div *ngIf="exampleComponentProperty"></div> 

.ts에서 동일한 검사를 수행 할 수 있습니까? 그 표현은 어떻게 보입니까?

if (this.exampleComponentProperty != null) { 
// some code... 
} 

보이지 않았다. 이 속성이 표시는 해결에로드해야이 구성 요소를 필요한 경우

Answer 1

당신은 모든 가능성 피와 조건을 시도 할 수 있습니다 :

TS에서

:

if (this.exampleComponentProperty && this.exampleComponentProperty != undefined && this.exampleComponentProperty != null) { 
    // write code... 
} 

HTML에서 :

<div *ngIf="exampleComponentProperty && exampleComponentProperty != undefined && exampleComponentProperty != null"></div> 

Answer 2

당신은 단순히

if (this.exampleComponentProperty) { 
// some code... 
} 

또는

if (this.exampleComponentProperty != undefined) { 
// some code... 
} 

Answer 3

를 작성할 수 있습니다. https://angular.io/guide/router#resolve-pre-fetching-component-data