2017-06-16 8 views
1

Ich habe einen ngClass Zustand wie folgt aus:Angular - ngClass funktioniert nicht

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

Wenn alert.type == 1, meine Klasse ist alert alert-succes, aber wenn alert.type = 0 meiner Klasse ist alert-danger. Warum ist die Klasse alert nicht hier?

+1

ich Ihren Code in einer schnellen [plnkr] setzen (http://plnkr.co/edit/jskHT5QEtAkjS5BbTKb6?p=preview) – Raven

+0

@Raven Nö, tut es Arbeit. Inspiziere das Element, wenn es rot ist, dein Wille hat nur Alarm-Gefahr .... –

Antwort

2

Ja, es scheint ein Problem zu sein, aber es ist nicht, lesen Sie eine comment for explanation. Sie können jedoch problemlos Abhilfe schaffen, indem Sie die allgemeine Klasse im Attribut class selbst auswählen.

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

Demo Plunker

+0

Wow .. das könnte eine Funktion sein, aber es ist nicht sehr intuitiv. Ich war ratlos und es ist nicht in der [Docs] (https://angular.io/api/common/NgClass) erwähnt. – Raven

+0

@Raven bist du durch den Kommentar Link gegangen, er hat es wirklich gut erklärt :) Und das war da seit Angular 1 .. Technisch macht es Sinn für mich wie ngClass funktioniert :) –

+0

Danke, aber es funktioniert nicht –

Verwandte Themen