2017-06-16 67 views
1

我有一个ngClass条件是这样的:角 - ngClass不工作

<div [ngClass]="{'alert alert-danger': alert.type == 0,'alert alert-success': alert.type == 1}" 

如果alert.type == 1,我的课是alert alert-succes,但如果我的alert.type = 0类是alert-danger。为什么类alert不在这里?

+1

我把你的代码在一个快速[plnkr(http://plnkr.co/edit/jskHT5QEtAkjS5BbTKb6?p=preview) – Raven

+0

@Raven不,它不工作。当它是红色时检查元素,你的将只有警报危险.... –

回答

2

是的,它似乎是一个问题,但它不是,阅读comment for explanation。但是您可以通过在class属性本身中使用普通课程轻松解决问题。

<div class="alert" 
    [ngClass]="{'alert-danger': alert.type == 0, 'alert-success': alert.type == 1}" 

Demo Plunker

+0

哇..这可能是一个功能,但它不是很直观。我被困住了,并没有在[文档](https://angular.io/api/common/NgClass)中提及。 – Raven

+0

@Raven你是否通过评论链接,他解释得很好:)从Angular 1开始就存在这个问题。从技术上讲,它对我来说很有意义,ngClass是如何工作的:) –

+0

谢谢,但它不起作用 –