So I have 3 ion-toggles
<ion-toggle ng-model="production" class="toggle-big"
ng-change="production && (dispensing = washingup = false); checkProd(production);" ng-checked="production.checked">
<img src="img/production5.png" height="50" width="50" align="left" />
<p style="padding-top: 14px; padding-left: 8px;">Production</p>
</ion-toggle>
<ion-toggle ng-model="dispensing" toggle-class="toggle toggle-big"
ng-change="dispensing && (production = washingup = false); checkDis(dispensing);" ng-checked="dispensing.checked">
<img src="img/dispensing1.png" height="50" width="50" align="left" />
<p style="padding-top: 14px; padding-left: 8px;">Dispensing</p>
</ion-toggle>
<ion-toggle ng-model="washingup" toggle-class="toggle toggle-big"
ng-change="washingup && (dispensing = production = false); checkWash(washingup);" ng-checked="washingup.checked">
<img src="img/washingUp1.png" height="50" width="50" align="left" />
<p style="padding-top: 14px; padding-left: 8px;">Washing up</p>
</ion-toggle>
Everthing works alright, but I get this error:
Error: Failed to execute ‘add’ on ‘DOMTokenList’: The token provided (‘toggle toggle-big’) contains HTML space characters, which are not valid in tokens.
I understandthe error, however if I remove one of the classes the toggle will be small, and I want it big, take a look at the image:
I’ve tried all this: https://stackoverflow.com/questions/46171265/toggle-class-error-in-ionic?noredirect=1#comment79307567_46171265