smart-table (angularjs) 中的下拉列

Question

我需要将我的 smart-table 中的其中一列配置为下拉列表。 'Status' 列的可能值为 OK 和 PENDING。（这些值是从其余 api 中检索到的）我希望根据从 api.

检索到的值将下拉列表中的值初始化为 OK/PENDING

我发布了到目前为止我尝试过的内容，无论实际值如何，状态都设置为 OK。

我刚开始使用 smart-table 和 javascript，因此非常感谢您的帮助。

作为参考，这里有一个示例 json 从我的 rest api 返回的对象（其他字段已删除）：

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

这是智能-table 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>

和 table 的屏幕截图：

Answer 1

你可以这样尝试 ng-selected 指令：

<select>
 <option ng-selected="row.status == 'PENDING'">PENDING</option>
 <option ng-selected="row.status == 'OK'">OK</option>
</select>

smart-table (angularjs) 中的下拉列

Dropdown column in smart-table (angularjs)

html

angularjs

smart-table