Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
显示angularjs下拉选择值_Angularjs_Ajax - Fatal编程技术网

显示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" >