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
选中该复选框

如果您使用angular
ng模型,它将自动填充任何表单字段的值。你不需要把
ng checked=true
之类的东西放进去


您是否有解释此问题的链接?并不是说我不相信你,但我想了解一下。你可以查看angularjs输入复选框页面是的,我理解,非常感谢。我会把它标记为答案:)