* ngIf活字体コードにおける同等

Question

どのコンポーネントプロパティは、インスタンスのための方法では、活字体のコード内で定義されていない場合、それは可能チェックですか！

.htmlコンポーネントテンプレートでは、html要素を表示する際に条件としてチェックすることができます。それらがまだ存在しないか、まだ初期化されていない場合に備えて、表示を避ける。

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

同じチェックを.tsで行うことはできますか？表現はどのように見えるでしょうか？

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

が動作していないようです。このプロパティは、表示のためにあなたがリゾルバでそれをロードする必要があり、このコンポーネントを必要とする場合

Answer 1

あなたはあらゆる可能性を回避して条件を試すことができます：TSで

：HTMLで

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

：

<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