Javascript 角度选择添加未定义选项
我在控制器中定义了这个Javascript 角度选择添加未定义选项,javascript,html,angularjs,Javascript,Html,Angularjs,我在控制器中定义了这个tempScale对象: $scope.tempScale = { scaleType : [], deviations : [], intervals : 0 }; 它连接到我的html: <select id="scales" ng-model="tempScale.scaleType" class="form-control"> <option value="Manually Calculated" ng-selec
tempScale
对象:
$scope.tempScale = {
scaleType : [],
deviations : [],
intervals : 0
};
它连接到我的html:
<select id="scales" ng-model="tempScale.scaleType" class="form-control">
<option value="Manually Calculated" ng-selected="true">Manually Calculated</option>
<option value="Automatically Calculated">Automatically Calculated</option>
</select>
为什么加载时会出现这些ng类,这个未定义的选项值从何而来?这不是一个循环,所以我很困惑。您不需要选择
ng
。将控制器中的模型设置为$scope.tempScale.scaleType='Manually Calculated'代码>
将ng模型指令与select元素一起使用时,无法设置默认选定项。select元素绑定到模型字段,该字段的数据未定义。选择的值应该显示什么?是的,没有定义。您试图通过标记传递数据,这不是一种有角度的方式。
只需将数据保存在JS模型中,而不是HTML标记中。[]
啊,我不知道ng model或多或少取消了默认选中的项目。非常感谢。
<select id="scales" ng-model="tempScale.scaleType" class="form-control ng-valid ng-dirty ng-touched">
<option value="? undefined:undefined ?"></option>
<option value="Manually Calculated" ng-selected="true" selected="selected">Manually Calculated</option>
<option value="Automatically Calculated">Automatically Calculated</option>
</select>