AngularJS中的data-ng-options指令

data-ng-options directive in AngularJS

本文关键字：指令 data-ng-options 中的 AngularJS      更新时间：2023-09-26

有以下AngularJS控制器代码：

  $scope.orders = Order.query()
  $scope.order_statuses = OrderStatus.query()

每个订单都有"order_status_id"字段。

和视图（HTML SLIM）：

    table.table
        tr ng-repeat="order in orders | orderBy:'-id'"
            td.col-xs-6.vertical-align
                | Order '#{{ order.id }}
            td.col-xs-6
                select data-ng-options="o.title for o in order_statuses" data-ng-model="order.order_status_id"

如您所见，我在表格中绘制了所有订单，并且每个订单都有带有订单状态的选择。每个选择都有所有订单状态，它有效。但是我在"data-ng-model"属性中绑定了每个订单的状态，但它不起作用 - 每个选择都是未选择的。我该如何解决它？谢谢。

我建议放置一个包含用户指令的选项： 

select data-ng-options="o.title for o in order_statuses" data-ng-model="order.order_status_id"
   option selected=selected "Please select the matching orderstatus"

我不知道 html 苗条的当前语法。文本是节点描述。

相关文章：