显示angularjs下拉选择值
我在下拉列表中添加带有指定字段的员工(如“员工”)。当我试图在另一个页面编辑员工的个人资料时,指定应显示预选的下拉列表值以及下面的剩余值。(所选指定不会首先显示。它显示为正常下拉列表) 我已尝试显示angularjs下拉选择值,angularjs,ajax,Angularjs,Ajax,我在下拉列表中添加带有指定字段的员工(如“员工”)。当我试图在另一个页面编辑员工的个人资料时,指定应显示预选的下拉列表值以及下面的剩余值。(所选指定不会首先显示。它显示为正常下拉列表) 我已尝试selected=“selected” 我试过: $('#designation_edit').append('Designation Manager Employee Admin'); 简单方法 如果您有一个Users作为响应或定义的Array/JSON,首先需要在controller中设置所选的值,
selected=“selected”
我试过:
$('#designation_edit').append('Designation Manager Employee Admin');
简单方法
如果您有一个Users作为响应或定义的Array/JSON,首先需要在controller中设置所选的值,然后在html中输入相同的模型名。我写这个例子是为了用最简单的方式来解释。
简单例子
内部控制器:
$scope.Users = ["Suresh","Mahesh","Ramesh"];
$scope.selectedUser = $scope.Users[0];
$scope.JSON = {
"ResponseObject":
[{
"Name": "Suresh",
"userID": 1
},
{
"Name": "Mahesh",
"userID": 2
}]
};
$scope.selectedUser = $scope.JSON.ResponseObject[0];
您的HTML
<select data-ng-options="usr for usr in Users" data-ng-model="selectedUser">
</select>
<select data-ng-options="usr.Name for usr in JSON.ResponseObject" data-ng-model="selectedUser"></select>
<h3>You selected: {{selectedUser.Name}}</h3>
您的HTML
<select data-ng-options="usr for usr in Users" data-ng-model="selectedUser">
</select>
<select data-ng-options="usr.Name for usr in JSON.ResponseObject" data-ng-model="selectedUser"></select>
<h3>You selected: {{selectedUser.Name}}</h3>
您选择:{{selectedUser.Name}
要显示所选值,可以执行以下操作
控制器
为ng模型指定默认值
$scope.empDesignationMapping = {
employee1 : "manager",
employee2 : "HR",
employee3: "Admin"
}
$scope.designation_edit = $scope.empDesignationMapping[employee1] // should be dynamic employee
HTML
之后,每当您选择某个内容时,它都会显示为已选择。下拉列表将正常显示。“添加”页面中的所选值未显示我已尝试过此操作,但对于使用其他指定类型选择的所有其他员工,它将所选值显示为“经理”。我该怎么做才能克服这个问题呢?形成一个hashObject(键值对),比如
{employee:assignment}
每当你让员工把它传递给hashObject[employee]时,你就会得到你无法得到的名称。。你能解释一下怎么做吗?我已经编辑了上面的答案,你能检查一下并告诉我你需要什么吗。我已经添加了一名员工作为人力资源,但他的名称显示为“经理”。我已经试过你的答案了。
<select ng-model="designation_edit" ng-selected="designation_edit" >