2016-05-02 19 views
0

©mアイテムの色を変更しようとしています。 Cssが動作していないか、何か他のものがありませんか?jsonに基づくイオン性のスタイリング

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

答えて

0

あなたの観察をしようとすると、共有してください。 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> 
+1

解決しました。 <イオンビュータイトル= "テーブルに注文を追加"> <イオンコンテンツクラス= "有するヘッダ有する-サブヘッダ"> <イオン項目NGリピート= "テーブルのテーブル中の" TYPE = "アイテムテキストラップ" クラス= "項目アバター" HREF = "#/アプリ/テーブル/ {{table.id}}">

{{table.Tablename}} - {{table.Status}}
fave; CSSスタイルで定義されています – copranos

0

NG-クラス= "{ '赤':table.status === 0}"

あなたはStackhelpersのように、このようにそれをしなければならない

+0

うまく動作します。ありがとうございます – copranos

関連する問題