隱藏的元素閃爍

Question

my.component.html：

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

my.component.ts：

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

酒店最初爲null，所以shouldHideErrorMessage()返回true。但是當加載時，錯誤消息在屏幕上閃爍。我怎樣才能防止呢？

Answer 1

由於費薩爾建議，使用* ngIf防止問題：

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

Answer 2

這樣 在你component.ts

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

和你component.html

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

更好地利用