angularjs - 复选框未绑定(bind)到 angularjs 中的范围

Question

我正在尝试使用 ng-model 将复选框绑定(bind)到范围。复选框的初始状态与范围模型相对应，但是当我选中/取消选中该复选框时，模型不会更改。需要注意的是，模板是使用 ng-include 在运行时动态加载的

app.controller "OrdersController", ($scope, $http, $location, $state, $stateParams, Order) ->

  $scope.billing_is_shipping = false
  $scope.bind_billing_to_shipping = ->
    console.log $scope.billing_is_shipping


<input type="checkbox" ng-model="billing_is_shipping"/>

当我选中该框时，控制台会记录 false，当我取消选中该框时，控制台会再次记录 false。我在范围上还有一个订单模型，如果我将复选框的模型更改为 order.billing_is_shipping，它就可以正常工作

Answer 1

我为这个问题苦苦挣扎了一段时间。有效的方法是将输入绑定(bind)到对象而不是基元。

<!-- Partial -->
<input type="checkbox" ng-model="someObject.someProperty"> Check Me!

// Controller
$scope.someObject.someProperty = false