2016-07-20 15 views
2

Ich möchte ngClass mehrere Zustand zu bewerten, wird im Anschluss an die meinen CodeKönnen wir einen Bedingungsoperator in ngClass hinzufügen?

[ngClass]="{'has-warning':expression1 && expression2,'has-danger':(expression3 && expression4) || expression5 || (expression6 && expression7) || expression8}" 
+0

Was ist das Problem? –

+0

Ich sehe nichts falsches mit deiner 'ngClass'. Es sollte funktionieren. Könnten Sie ein Forum erstellen, um das Problem zu präsentieren? –

Antwort

0

Sie können Sie [ngClass] mit mehreren Bedingungen, obwohl ich die Logik in die Komponentenklasse setzen würde empfehlen, da die Angular's Style Guide

zeigt

Fügen Sie die Präsentationslogik in die Component-Klasse und nicht in die Vorlage ein.

Überprüfen Sie die Plunker das Beispiel zu sehen:

<label [ngClass]="{'yellow': isRedChecked && isGreenChecked, 'red': isRedChecked && !isGreenChecked, 'green': isGreenChecked && !isRedChecked}">Conditional Style 1</label> 

<label [ngClass]="getClassName()">Conditional Style 2</label> 

http://plnkr.co/edit/nC2XdNP2arIyUCjCGTKH

Verwandte Themen