Выпадающий столбец в смарт-таблице (angularjs)

Мне нужно настроить один из столбцов в моей смарт-таблице в виде раскрывающегося списка. Возможные значения для столбца «Статус» - ОК и ОЖИДАЕТСЯ. (Эти значения извлекаются из rest api) Я хочу инициализировать значение в раскрывающемся списке на OK / PENDING на основе значения, полученного из api.

Я опубликовал то, что пробовал до сих пор, для всех статусов установлено ОК независимо от фактического значения.

Я только начинаю работать с smart-table и javascript, поэтому приветствую любую помощь.

Для справки, вот образец json-объекта, возвращаемого из моего rest api (другие поля удалены):

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

Вот HTML-код смарт-таблицы:

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

и снимок экрана таблицы: Снимок экрана


html angularjs smart-table
person Rahul Popuri    schedule 07.09.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете попробовать использовать директиву ng-selected следующим образом:

<select>
 <option ng-selected="row.status == 'PENDING'">PENDING</option>
 <option ng-selected="row.status == 'OK'">OK</option>
</select>
person Andre.Anzi    schedule 07.09.2016