角度隠し要素が点滅簡単にページが表示されたら

Question

my.component.html：

<div [hidden]=shouldHideErrorMessage()>Error!</div> 

my.component.ts：

public shouldHideErrorMessage(): boolean { 
     return this.Property == null || this.Property.IsGood 
    } 

プロパティは、そうshouldHideErrorMessage() trueを返し、最初はnullです。しかし、ロード時にエラーメッセージが画面上で点滅します。どうすればそれを防ぐことができますか？

Answer 1

ファイサルは* ngIfが問題を回避使用して、示唆したように：

<div *ngIf="shouldShowErrorMessage()">Error!</div> 

Answer 2

あなたcomponent.tsでこの のようなより良い使用

public shouldHideErrorMessage(): boolean { 
    if(this.Property == null){ 
    return true; 
    } 
    return false; 
} 

とあなたで

<div *ngIf="shouldHideErrorMessage()">Error!</div> 

をcomponent.html