2016-12-22 4 views
5

Ich will meinen classe für ein Element ändern, aber ich weiß nicht, wie mit Ionic 2. ich auf diese Weise versucht, verarbeiten, aber es ist falsch:ändern Klassen bedingt Ionic2

<span [ngClass]="{(user.id == this.session.userDefaultId) : 'class1 class2', (user.id != this.session.userDefaultId) : 'class3 class4'}"> 
... 
</span> 

Jemand kann mich erklären, wie So etwas bitte tun? :)

Antwort

8

Sie haben den Klassennamen

<span [ngClass]="{'class1 class2' : (user.id == this.session.userDefaultId), 'class3 class4':(user.id != this.session.userDefaultId)}"> 
... 
</span> 
12

Sie können einen einfachen ternären Operator verwenden, um die Klasse für Ihr Beispiel festzulegen.

<span [ngClass]="(user.id == this.session.userDefaultId) ? 'class1 class2' : 'class3 class4'"> 
... 
</span> 
3

versuchen, diese

<span [class.class1]="user.id == this.session.userDefaultId" [class.class2]="user.id == this.session.userDefaultId" [class.class3]="user.id != this.session.userDefaultId" [class.class4]="user.id != this.session.userDefaultId"> 
zuerst durch die Bedingung gefolgt zu erwähnen