Javascript 未动态选择我的下拉列表
我必须为网站中的更新功能动态选择下拉列表值。我还学习了类似的教程和堆栈溢出问题答案 我使用AngularJSV1.4.2,到目前为止,我尝试了以下代码 HTML: 样本数据库Javascript 未动态选择我的下拉列表,javascript,angularjs,Javascript,Angularjs,我必须为网站中的更新功能动态选择下拉列表值。我还学习了类似的教程和堆栈溢出问题答案 我使用AngularJSV1.4.2,到目前为止,我尝试了以下代码 HTML: 样本数据库 Department{DepartmentId int, DepartmentName varchar(max)} Designation{DesignationId int,DesignationName varchar(max),Description varchar(max),DepartmentId int} 所
Department{DepartmentId int, DepartmentName varchar(max)}
Designation{DesignationId int,DesignationName varchar(max),Description varchar(max),DepartmentId int}
所有服务工作正常,最初一切正常所有数据都显示在结果表中,下拉列表也显示所有部门。但问题是,当我单击“编辑以更新”时,会为特定数据填充任何记录文本框值,但“部门”下拉列表值未选中。在同一表达式中使用“选择为”和“跟踪方式”时要小心。 给定$scope上的此项数组:
$scope.items = [{
id: 1,
label: 'aLabel',
subItem: { name: 'aSubItem' }
}, {
id: 2,
label: 'bLabel',
subItem: { name: 'bSubItem' }
}];
这将有助于:
<select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select>
$scope.selected = $scope.items[0];
由于dept[0]。DepartmentId.id不存在-Thanx感谢您的努力。您的更改对我无效,但解释有效。ng options=dept.DepartmentId作为dept.departmentList中dept的dept.DepartmentName
$scope.items = [{
id: 1,
label: 'aLabel',
subItem: { name: 'aSubItem' }
}, {
id: 2,
label: 'bLabel',
subItem: { name: 'bSubItem' }
}];
<select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select>
$scope.selected = $scope.items[0];
<select ng-options="item.subItem as item.label for item in items track by item.id" ng-model="selected"></select>
$scope.selected = $scope.items[0].subItem;
ng-options="dept as dept.DepartmentName for dept in departmentList track by dept.DepartmentId