Apply a CSS on angular item

ionic-v1
1

Hi,

I would like to add a CSS on specific item (item.letter) but not on the other (item.text)

<ion-toggle class="item-checkbox-right"
                    ng-click="hashtagPressed(item)" style="text-align: left;"
                    ng-model="item.checked"
                    ng-checked="item.checked">
              {{ item.letter }}
              {{ item.text }}
    </ion-toggle>

thanks

3

You can try putting the {{ item.letter }} inside a element that uses your custom css as follows:
<ion-toggle class="item-checkbox-right"
ng-click="hashtagPressed(item)" style="text-align: left;"
ng-model="item.checked"
ng-checked="item.checked">
<span class=""> {{ item.letter }} </span>
{{ item.text }}
</ion-toggle>
Also, do check if any css is getting overidden to get the desired style in place.