2017-06-16 75 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

謝謝,但它不起作用 –