Angular 6防止[隐藏]在页面加载时闪烁

Question

我试图有条件地隐藏带有[hidden]属性的表单验证项。它可以工作，但是即使我在表单中添加了model.pristine，页面加载仍然闪烁。

<div class="alert alert-danger" [hidden]="model.valid || model.pristine">
   The model is required.
</div>

Answer 1

请尝试使用*ngIf结构化指令，而不要使用[hidden]属性。

<div class="alert alert-danger" *ngIf="!(model.valid || model.pristine)">
  The model is required.
</div>

您可以详细了解*ngIf与[hidden] here和here。