Javascript 角度4-条件CSS类

我正在开发Angular 4应用程序，向用户提供登录信息。登录可能会失败，返回时，我们将侦听错误：-

.subscribe(error => {
            this.error = error;
        });

这显示了很好，我们显示了：-

<div *ngIf="error">
   <p class="error-message">{{ error.ExceptionMessage }}</p>
</div>

有没有比在if的每一侧渲染两次输入更好的方法

---

谢谢

我相信您正在寻找NgClass或NgStyle：

---

是的，有一种更好的方法使用

ngClass

属性，如下所示：

<input type="email" [ngClass]="{'form-control': true, 'error-field': error}" />

---

您可以使用类绑定执行此操作：

<input type="email" class="form-control" [class.error-field]="error">

<input type="email" class="form-control" [class.error-field]="error">