Having trouble changing the item color. Does anyone know why my CSS isn't working, or if I'm missing something?
<ion-view title="Add order to a table">
<ion-content class="has-header has-subheader">
<ion-list>
<ion-item ng-repeat="table in tables" type="item-text-wrap" class="item-avatar"
href="#/app/tables/{{table.id}}">
<div ng-class="{table.Status === '0': 'red'}">
{{table.Tablename}} - {{table.Status}}
<p ng-class="radio-high">dfsa</p>
</div>
</ion-item>
</ion-list>
</ion-content>
</ion-view>