所选项目显示在编辑案例 Angular JS 中的下拉列表中

Question

查看代码在客户端显示下拉列表--

<select ng-model="employee.DeptId" class="form-control ng-pristine ng-invalid ng-invalid-required" required="">
<option disabled="disabled" value="">---Please Select---</option>
 <option ng-repeat="Dep in ShowDep" value="{{Dep.Id}}">{{Dep.Name}}</option>
</select>

Angular 编辑案例中的代码----

$scope.EmployeeEdit = function (rowNumber) {
args = employeeArr[rowNumber];
$scope.employee.DeptId = args.DeptId;
 }

Answer 1

使用 ng-value 代替选项标签中的值。

<select ng-model="employee.DeptId" class="form-control ng-pristine ng-invalid ng-invalid-required" required="">
<option disabled="disabled" ng-value="">---Please Select---</option>
 <option ng-repeat="Dep in ShowDep" ng-value="{{Dep.Id}}">{{Dep.Name}}</option>
</select>

Answer 2

不清楚您绑定的数据结构。所以在这里我用我自己的数据展示你的要求。我想你也可以在你的鳕鱼中做同样的事情。

$scope.degrees = [
                   {"degree_code":"GB","degree_name":"Bachelor of Science"},
                   {"degree_code":"GR","degree_name":"Non Degree Undergraduate"}
                 ];
 $scope.selecteddegree = {degree_code:"GB"};

<!-- html -->
 <select name="degree" class="form-control" ng-model="selecteddegree" ng-options="degree.degree_name for degree in degrees track by degree.degree_code" >
           <option value=""> Select Degree </option>
 </select>

所选项目显示在编辑案例 Angular JS 中的下拉列表中

Selected item Show In drop-down in Edit Case Angular JS

html-select

angularjs

drop-down-menu

dropdown