* ngIf Entsprechung in TypeScript-Code

Question

Wie ist es möglich, zu überprüfen, ob die Komponenteneigenschaft im TypeScript-Code nicht definiert ist, zum Beispiel in einer Methode?

In. HTML-Komponente Vorlage ist es möglich, diese Prüfung als eine Bedingung für die Anzeige von HTML-Elementen. Um die Anzeige zu vermeiden, falls sie nicht existieren oder noch nicht initialisiert sind.

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

Ist es möglich, das gleiche Einchecken in .ts durchzuführen? Wie würde der Ausdruck dann aussehen?

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

schien nicht zu funktionieren. Diese Komponente

Answer 1

Sie können Bedingung versuchen, mit allen Möglichkeiten zu vermeiden:

In TS:

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

In HTML:

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

Answer 2

können Sie einfach

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

Oder

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

Answer 3

schreiben Wenn diese Eigenschaft für die Anzeige erforderlich ist, Sie es in Resolver laden soll. https://angular.io/guide/router#resolve-pre-fetching-component-data