AngularJS:使用ng repeat生成复选框
我有一个代码,我明白,但一个小区域是不清楚的。所以请帮我理解AngularJS:使用ng repeat生成复选框,angularjs,Angularjs,我有一个代码,我明白,但一个小区域是不清楚的。所以请帮我理解 <div ng-controller="MainCtrl"> <label ng-repeat="(color,enabled) in colors"> <input type="checkbox" ng-model="colors[color]" /> {{color}} </label> <p>colors: {{colors}}</p&g
<div ng-controller="MainCtrl">
<label ng-repeat="(color,enabled) in colors">
<input type="checkbox" ng-model="colors[color]" /> {{color}}
</label>
<p>colors: {{colors}}</p>
<script>
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope){
$scope.colors = {Blue: true, Orange: true};
});
</script>
{{color}}
颜色:{{colors}}
var app=angular.module('plunker',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.colors={Blue:true,Orange:true};
});
请参阅此行
ng model=“colors[color]”
此行如何自动设置复选框选中或未选中状态,因为在代码中我们没有提到checked=true或false
那么angular如何自动从模型中提取true或false并在复选框中设置它……。这不清楚。请指导我。角度ng型号
如果ng型号
值为true
,请选中复选框。您已将蓝色
设置为真
。因此,ng model
选中该复选框
如果您使用angularng模型,它将自动填充任何表单字段的值。你不需要把ng checked=true
之类的东西放进去
您是否有解释此问题的链接?并不是说我不相信你,但我想了解一下。你可以查看angularjs输入复选框页面是的,我理解,非常感谢。我会把它标记为答案:)