隐藏的元素闪烁

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> 

更好地利用