typescript 有条件地更改类 Ionic2
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/41279830/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Change classes conditionally Ionic2
提问by V. Pivet
I want to change my classe for an element but I don't know how to process with Ionic 2. I tried this way but it's wrong :
我想为一个元素更改我的类，但我不知道如何使用 Ionic 2 进行处理。我尝试过这种方式，但这是错误的：
<span [ngClass]="{(user.id == this.session.userDefaultId) : 'class1 class2', (user.id != this.session.userDefaultId) : 'class3 class4'}">
...
</span>
Someone can explain me how to do somethink like that please ? :)
有人可以解释我如何做这样的事情吗？:)
回答by Suraj Rao
You can use a simple ternary operator to set the class for your example.
您可以使用简单的三元运算符为示例设置类。
<span [ngClass]="(user.id == this.session.userDefaultId) ? 'class1 class2' : 'class3 class4'">
...
</span>
回答by AishApp
You have to mention the class name first followed by the condition
你必须先提到类名，然后是条件
<span [ngClass]="{'class1 class2' : (user.id == this.session.userDefaultId), 'class3 class4':(user.id != this.session.userDefaultId)}">
...
</span>
回答by Meshal Alhazmi
try this
试试这个
<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">
