ионный угловой стиль на основе json

Question

İ m пытается изменить цвет элемента. Css не работает или я пропустил что-то еще?

<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

Вы должны сделать это так, как в Stackhelpers ответьте, но table.Status должен быть капитализирован или он не будет работать:

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

Answer 2

нг-класс = "{ 'красный': table.status === 0}"

Пожалуйста, попробуйте и поделиться своими наблюдениями