how to remove a css class dynamically in ionic

Question

i'm using in my ionic project a ion-toggle, when i open the app in the browser the ion-toggle's html generated is:

<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>

My question is: How i can remove the item class from this div dynamically??

score 1 · Accepted Answer · edited Oct 24 '16 at 10:03

<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>

put 'item' class in ng-class and depend on expression show the item class.

R.Villanueva · Answer 2 · 2016-10-24T08:57:24.260

0

To remove atributes:

element.removeAttribute("style")

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

If you want to change classes or to modify them you should check ng-class:

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

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

edited Oct 24 '16 at 08:57

answered Oct 24 '16 at 08:27

R.Villanueva

130
1
5

1

is there a way by angularjs?? – Oct 24 '16 at 08:31
Yes, use ng-class. see my code http://stackoverflow.com/questions/40213764/how-to-remove-a-css-class-dynamically-in-ionic/40213956#40213956 – Goutam Singha Oct 24 '16 at 08:37
i tried to use this but it doesnt work..i tried this $("#tog .item").removeClass("item"); but it doesnt work – Oct 24 '16 at 08:43

score 0 · Answer 3 · answered Oct 24 '16 at 08:31

0

$("#Selector").removeClass("class Name");
for example :
i use this line to remove col-sm-2 class from my selector (divId .col-sm-2)
$("#divId .col-sm-2").removeClass("col-sm-2");

answered Oct 24 '16 at 08:31

Ammar Mousa

48
10

thank you Ammar for the answer but it doesnt work....i tried this $("#tog .item").removeClass("item"); but it doesnt work – Oct 24 '16 at 08:39

how to remove a css class dynamically in ionic

3 Answers3