如何在angularjs中填充html选择元素选项?
我需要填充美国所有州的html选择选项。如果我能看到一个例子,这将是很有帮助的。是否需要在范围变量中定义所有状态如何在angularjs中填充html选择元素选项?,angularjs,model-view-controller,Angularjs,Model View Controller,我需要填充美国所有州的html选择选项。如果我能看到一个例子,这将是很有帮助的。是否需要在范围变量中定义所有状态 谢谢 是的,最好的方法是将其作为范围变量存储在对象数组中,然后在模板中使用它 像这样的 假设$scope.allState[]是美国所有州的对象数组 然后在您的模板中尝试它作为 <select type="text" name="name" id="name" data-ng-model="formData.state"
谢谢 是的,最好的方法是将其作为范围变量存储在对象数组中,然后在模板中使用它 像这样的 假设$scope.allState[]是美国所有州的对象数组 然后在您的模板中尝试它作为
<select type="text" name="name" id="name"
data-ng-model="formData.state"
ng-options="state for state in allState"
required >
<option value="">Select</option>
</select>
挑选
完全不需要,不需要在范围内单独定义所有状态。您可以在AngularJS中简单地使用$watch服务
州和城市可以在对象数组中获取,数据ng选项用于显示将从控制器加载的选项$watch将监视状态的变化,并相应地加载城市
功能控制器($scope){
变量状态=[{
“姓名”:“卡纳塔克邦”,
“城市”:[{
“名称”:“班加罗尔”
}, {
“名称”:“曼格洛尔”
}, {
“名称”:“MyStore”
}]
}, {
“名称”:“马哈拉施特拉邦”,
“城市”:[{
“名称”:“孟买”
}, {
“名称”:“浦那”
}, {
“名称”:“那格浦尔”
}]
}];
$scope.groups=状态;
$scope.currentGroup=状态[0];
$scope.currentItems=$scope.currentGroup.cities;
$scope.currentItem=$scope.currentItems[0];
$scope.$watch('currentGroup',函数(){
$scope.currentItems=$scope.currentGroup.cities;
$scope.currentItem=$scope.currentGroup.cities[0];
});
}
州
城市
所选城市:{currentItem.Name}
与您在任何地方都能找到的任何其他示例没有什么不同。。。包括角度文档。。。填充select的ng选项的数组数