Angular 6添加了两个类，其中ngclass起作用

Question

我不确定这是否是某种错误，当我尝试使用ngclass条件类添加类时。只有最后一个条件才能正常工作。

   <div class="chat-box">
     [ngClass]="{'chat': chat.type === 'chat', 
    'notification is-danger': chat.type === 'canceled', 
    'notification is-success': chat.type === 'finalized'
                      }"
    </div>

'notification is-danger': chat.type === 'canceled',的条件仅添加第二个类is-danger。我不知道是吗？

链中的最后一个条件始终可以按预期工作，只要添加notification is-success。

我做错了还是只是一个错误？

Answer 1

您只能添加/删除单个类类型。您不能使用带空格的字符串。

 <div class="chat-box"
      [ngClass]="{'chat': chat.type === 'chat', 
                  'notification': chat.type === 'canceled' || chat.type === 'finalized',
                  'is-danger': chat.type === 'canceled',
                  'is-success': chat.type === 'finalized'}">
</div>