页面出现时，角度隐藏元素会短暂闪烁

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>