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

Question

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

<div class="noToggleBorder item item-toggle toggle-large ng-empty ng-valid" 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>

我的问题是：如何从 div 中动态删除项目 class？？

Answer 1

删除属性：

element.removeAttribute("style")

$('#TheIdOfTheElement').removeAttr('style'');

如果您想更改 classes 或修改它们，您应该检查 ng-class:

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

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

Answer 2

$("#Selector").removeClass("class Name");
例如：
我使用此行从我的选择器 (divId .col-sm-2)
中删除 col-sm-2 class $("#divId .col-sm-2").removeClass("col-sm-2");

Answer 3

<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' class 放入 ng-class 并根据表达式显示项目 class.

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

how to remove a css class dynamically in ionic

css

ionic-framework

ion-toggle