智能表中的下拉列（angularjs）

Question

我需要将智能表中的一列配置为下拉列表。 “状态”列的可能值为“正常”和“待定”。 （这些值是从rest api中检索的）我希望根据从api中检索到的值将下拉列表中的值初始化为OK / PENDING。

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

我刚刚开始使用智能表和javascript，所以任何帮助都表示赞赏。

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

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

以及该表的屏幕截图：

Answer 1

您可以通过以下方式尝试使用ng-selected指令：

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