javascript - 通过 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>

它最初在没有表单的情况下工作。

Answer 1

在给它分配颜色之前，$scope.form 是否存在？

如果没有，您应该这样定义它:

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

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