如何在离子中动态删除css类

Question

我在我的离子项目中使用离子切换，当我在浏览器中打开应用程序时，生成的离子切换器的html是：

{{1}}

我的问题是：如何动态删除此div中的项类？

Answer 1

<div class="noToggleBorder item-toggle toggle-large ng-empty ng-valid" ng-class="{item: checkValue()}" ng-model="checkarrivee.boo[var.id]" ng-click="checkarrivee.isMissionSelected(var.id,checkarrivee.ficheDeMission.id)" toggle-class="toggle-positive">
<div ng-transclude=""><span class="ng-binding">Ceintures De Sécurités Passagères</span></div>
<label class="toggle toggle-positive disable-user-behavior">
    <input type="checkbox" ng-model="checkarrivee.boo[var.id]" class="ng-pristine ng-untouched ng-valid ng-empty">
    <div class="track">
        <div class="handle"></div>
    </div>
</label>
</div>

将'item'类放在ng-class中，依赖表达式显示项类。

Answer 2

删除属性：

element.removeAttribute（＆＃34;风格＆＃34）

$（＆＃39;＃TheIdOfTheElement＆＃39）。removeAttr（＆＃39;风格＆＃39;＆＃39）;

如果您想更改课程或修改课程，您应该检查ng-class：

https://docs.angularjs.org/api/ng/directive/ngClass

<ANY class="ng-class: expression;"> ... </ANY>

Answer 3

$（“＃Selector”）。removeClass（“class Name”）;
例如：
我使用这一行从我的选择器中删除col-sm-2类（divId .col-sm-2）
 $（“＃divId .col-sm-2”）。removeClass（“col-sm-2”）;