css - 如何在 ionic 中动态删除 CSS 类

Question

我在我的 ionic 项目中使用了一个 ion-toggle，当我在浏览器中打开应用程序时，生成的 ion-toggle 的 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 中删除项目类？

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("样式")

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

如果你想改变类或修改它们，你应该检查 ng-class：

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

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

Answer 3

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