如何在 ionic 中动态删除 CSS 类

Posted 2023-03-16

【中文标题】如何在 ionic 中动态删除 CSS 类

【英文标题】：how to remove a css class dynamically in ionic

【发布时间】：2017-03-05 22:56:44

【问题描述】：

我在我的 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 中删除项目类？？

【参考方案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 并根据表达式显示项目类。

【参考方案2】：

要删除属性：

element.removeAttribute("style")

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

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

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

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

【讨论】：

angularjs有办法吗？？

是的，使用 ng-class。看我的代码***.com/questions/40213764/…

我尝试使用它，但它不起作用..我尝试了这个 $("#tog .item").removeClass("item");但它不起作用

【参考方案3】：

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

【讨论】：

感谢 Ammar 的回答，但它不起作用....我试过这个 $("#tog .item").removeClass("item");但它不起作用