在DIV上有条件地更改bootstrap类

Question

在我的角度4应用程序中，我有一个显示消息的div。根据显示的消息，此消息应使用类alert alert-success或alert alert-danger。我如何使用一条消息并切换类名。

<div class="alert alert-success" *ngIf="message.length > 0" >                                        
   <strong role="alert">{{message}}</strong>
</div> 

Answer 1

您可以使用ngClass绑定

  <div [ngClass]="message.length > 0? 'alert  alert-success' : 'alert  alert-danger'">

Answer 2

您可以使用：

<div [ngClass]="{'class1': true, 'class2': true, 'class3': false}">...</div>

OR

<div [ngClass]="{'class1 class2': true}">...</div>

Answer 3

你应该使用ngClass。使用以下代码：

<div class="alert" [ngClass]="{'alert-success': expression, 'alert-success': expression}"></div>

希望它会有所帮助