如何在angularjs中填充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"

我需要填充美国所有州的html选择选项。如果我能看到一个例子,这将是很有帮助的。是否需要在范围变量中定义所有状态


谢谢

是的,最好的方法是将其作为范围变量存储在对象数组中,然后在模板中使用它

像这样的

假设$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选项的数组数