添加类，现有教学班使用条件[类]

Question

我使用的离子离子图标

<ion-icon name="checkmark" [class]="condition ? 'class1' : ''"></ion-icon>

我想如果条件为真时添加一个额外的类，但不加如果条件为假，则为额外的类。

问题是，如果条件为false，它将从Ionic Framework中删除图标上的所有预定义的类。

Answer 1

尽量避免直接绑定到class。

二者必选其一

[class.class1]="condition" 

或

[ngClass]="condition ? 'class1' : ''" 

随着结合class您明确绑定，而不是单个类全属性值。

Answer 2

试试这个

HTML

<ion-icon name="checkmark" ng-class="myClass()"></ion-icon> 

在控制器

$scope.myClass = function(){ 
    if(condition == true){ 
    return class1; 
    } else{ 
    return class2; 
    } 
}