javascript - Angularjs下拉选择动态
问题描述
嗨,我是初学者Angularjs
,我想drop-down
动态选择选择。我参考了一些博客,但我不明白。
这是我的HTML代码:
<select class="form-control" name="category_id" ng-model="formData.category_id" ng-options="sub_directory.id as sub_directory.name for sub_directory in formData.getSubDirectories" ng-required="true">
<option value="">Select Sub Directory</option>
</select>
js代码:
$scope.getData = function() {
return webServices.getSync('getshops/' + $scope.Id).then(function(getData) {
if (getData.status == 200) {
$scope.formData = getData.data;
console.log($scope.formData);
} else {
$rootScope.$emit("showerror", getData);
}
});
}
$scope.getSubDirectories = function()
{
return webServices.getSync('getSubDirectories').then(function(getData)
{
$rootScope.loading = false;
if (getData.status == 200)
{
$scope.formData.getSubDirectories = getData.data;
} else {
$rootScope.$emit("showerror", getData);
}
//console.log($scope.formData.getSubDirectories);
});
}
我在控制台中的结果
{
"id": 1,
"membership_type_id": 1,
"name": "Kallyan",
"address": "100 feet road",
"location": "Coimbatore",
"description": "Test",
"banner_image": "upload/directory/contact/directoryMsrq4NhsD1.jpg",
"business_days": [
"M",
"T",
"W",
"Th",
"F",
"S"
],
"start_time": "2019-01-10T09:01:00+05:30",
"end_time": "2019-01-10T10:01:00+05:30",
"contact_number": "9874563210",
"latitude": 11.2,
"longitude": 9.5,
"is_certified": 1,
"status": 3,
"rating": 0,
"is_online_order": 1,
"created_at": "1970-01-01 05:30:01",
"created_by": 0,
"is_active": 1,
"updated_at": "2019-01-09 18:14:22",
"updated_by": 0,
"status_updated_by": 0,
"status_updated_on": "2019-01-09 18:14:22",
"priority": 0,
"comments": "Test",
"additional_information": "",
"old_banner_image": "directoryMsrq4NhsD1.jpg",
"sub_directory": "Jewellery",
"getSubDirectories": [
0: {id: 2, name: "Jewellery", image: "directory5Wltlbhkwl.jpg", thumbnail_image: "directory5Wltlbhkwl.jpg", isparent: 1, …}
1: {id: 3, name: "Mobile", image: "directoryjWQeyCQlGe.jpg", thumbnail_image: "directoryjWQeyCQlGe.jpg", isparent: 1, …}
2: {id: 6, name: "KPN", image: "directoryC8qEC3o3Gh.jpg", thumbnail_image: "directoryC8qEC3o3Gh.jpg", isparent: 1, …}
]
}
在这里,我想选择
sub_directory: Jewellery
作为选定drop-down
值。我不理解 HTML 中的这段代码
ng-options="sub_directory.id as sub_directory.name for sub_directory in formData.getSubDirectories"
。
请给出答案。提前致谢。
解决方案
像这样试试。
<select class="form-control" name="category_id" ng-model="formData.category_id" ng-options="sub_directory.id as sub_directory.name for sub_directory in formData.getSubDirectories" ng-required="true" ng-init="selected='Jewellery'">
<option value="">Select Sub Directory</option>
</select>
我已ng-init="selected='Jewellery'"
在您的选择标签中添加了这一行。
推荐阅读
- r - 使用 R Data.Table 查找每天的平均值
- xaml - 空格作为标签的千位分隔符
- javascript - 如何更改 Ckeditor 4 字段标签?
- c++ - 为什么按值传递 string_view 比 const 引用快
- r - 是否有使用 Clopper-Pearson 置信区间计算所需样本量的 R 函数?
- android - 知道为什么 Spinner 组件在某些智能手机中失败并在其他智能手机中正确加载吗?
- python - 如何使用 boto3 和 asyncio 查询 aws 资源?这可能吗?
- swift - 我无法从 plist 键值中解包值
- python - pythonanywhere烧瓶应用程序中的连接被拒绝
- wordpress - target="_self" 链接到主页