我试图找出如何使用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
却没有。任何人都可以指出我正确的方向,或解释我可能做错了什么。
感谢任何帮助。提前谢谢!