AngularJS中的data-ng-options指令

时间:2015-01-15 06:44:39

标签: javascript angularjs

有以下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'属性中绑定了每个订单的状态,但是它不起作用 - 每个选择都是未选中的。我该如何解决?感谢。

1 个答案:

答案 0 :(得分:0)

我建议放置一个包含用户说明的选项:

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 slim中的当前语法。文本是节点描述。