2016-09-07 6 views
0

スマートテーブルのカラムの1つをドロップダウンに設定する必要があります。 'Status'列に指定できる値はOKとPENDINGです。 (これらの値は残りのAPIから取得されます)APIから取り出された値に基づいて、OK/PENDINGにドロップダウンの値を初期化しようとしています。スマートテーブル(angularjs)のドロップダウンカラム

これまでに試したことを投稿しましたが、ステータスは実際の値に関係なくすべてOKに設定されています。

私はちょうどスマートテーブルとjavascriptから始めていますので、どんな助けにも感謝します。

参考

は、ここに私のREST APIから返されるサンプルJSONオブジェクトである(他のフィールドは削除):

<tbody> 
    <tr ng-repeat="row in rowCollection" ng-class="{danger: (row.status=='PENDING'),success:(row.status=='OK')}"> 
     <td cs-select="row"></td> 
     <td align="center"> 
     <select st-search="status"> 
      <option value="">OK</option> 
      <option value="">PENDING</option> 
      <!-- <option ng-repeat="row in rowCollection | unique:'status'" value="{{row.status}}">{{row.status}}</option> --> 
     </select></td> 
     <td align="center">{{row.comments[0].comment}}</td> 
    </tbody> 

と:ここ

[ 
{ 
    comments: [ 
    { 
    comment: "Test comment", 
    userId: "test_user", 
    timestamp: 1473282222280 
    } 
    ], 
    status: "PENDING" 
}] 

は、スマート・テーブルのhtmlコードでありますテーブルのスクリーンショット Screenshot

答えて

1

このようにng-selectedディレクティブを試すことができます:

<select> 
<option ng-selected="row.status == 'PENDING'">PENDING</option> 
<option ng-selected="row.status == 'OK'">OK</option> 
</select> 
関連する問題