ionic angular styling based on json

Question

İ m trying to change the item color. Css is not working or im missing something else?

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

Answer 1

ng-class="{ 'red' : table.status === 0 }"

Please try and share your observations

Answer 2

You have to do it like this as in Stackhelpers answer but the table.Status has to be capitalised or it will not work:

<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="{ 'red' : table.Status === 0 }">
          {{table.Tablename}} - {{table.Status}}
          <p ng-class="radio-high">dfsa</p>
        </div>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>