AngularJS:推送已选中的复选框

时间:2014-10-09 16:28:16

标签: javascript angularjs

我试图找出如何使用AngularJS将通过表单提交的已选中复选框推送到名为services的对象。

这些是我的对象:

$scope.sectors = [ 'health', 'social', 'education' ];

$scope.services = [
      {
        'name': 'Hernia Repair',
        'sectors': { 'health': true }
      },
      {
        'name': 'Cancer',
        'sectors': { 'health': true, 'social': true, 'education': true }
      },
  ];

这是我的表格:

<form role="form" ng-submit="createService(newService)">
  <div class="form-group">
    <label for="serviceName">Name of Service</label>
    <input id="serviceName" type="text" class="form-control" ng-model="newService.name" placeholder="Name of Service">
  </div>

  <div class="form-group">
    <label for="serviceName">Another</label>
    <input id="serviceName" type="text" class="form-control" ng-model="newService.another" placeholder="Name of Antoher">
  </div>

  <div class="checkbox-inline" ng-repeat="sector in sectors">
    <label>
      <input type="checkbox" name="optionsRadios" id="{{sector}}" value="{{sector}}" ng-model="service.sectors[sector]">
      {{sector}}
    </label>
  </div>

  <button type="submit" class="btn btn-default">Submit</button>
</form>

这是我用来将数据推送到表单上的JS:

function createService(service) {
    $scope.services.push(service);
}

$scope.createService = createService;

name似乎已添加到services列表中,但sectors却没有。任何人都可以指出我正确的方向,或解释我可能做错了什么。

感谢任何帮助。提前谢谢!

0 个答案:

没有答案