通过AngularJS动态添加选项时出错

Question

我有一个表单，其中select选项是动态生成的。但是在ng-model中添加表单ID后遇到错误。有人请指出我的错误吗？它没有表格。

在controller.js

中

$scope.form.colors = [
    {name:'Select Colors', value:''},
];

$http.get( url + 'color.php').success(function(data){
    for(var a=0; a < data.length; ++a){
        $scope.form.colors.push({name: data[a]['c'], value: data[a]['rid']});   
    }       
});

$scope.form.color = $scope.form.colors[0]; 

在.html中

<div class="item item-input item-select">
  <div class="input-label">
      Color
  </div>
  <select ng-model="form.color" ng-options="c.name for c in form.colors"></select>
</div>

最初没有form。

Answer 1

在为其指定颜色之前是否存在$scope.form？

如果没有，你应该这样定义：

$scope.form = {
  colors: [
    {name:'Select Colors', value:''},
  ]
};

form对象需要存在才能为其分配任何内容。