AngularJS Select 要编辑的元素的项目

Question

我想知道如何将一个元素 selected 放入 select 中，该元素由来自 JSON 来自 REST API 的数据填充：这是我的代码：

<select ng-model="TransferCtrl.transfert.driver" ng-selected="TransferCtrl.transfert.driver.id == d.id">
 <option ng-repeat="d in TransferCtrl.drivers" value="{{ d }}">{{ d.firstName }}</option>
</select>

这是我在控制器中的逻辑：

StaffService.getAllDrivers().then(
        function(response){
          vm.drivers = response.data;
        },
        function(error){
          console.log('error : ' + error)
        }
);

并且 selected 驱动程序显示在要编辑的模式中，所以我希望驱动程序在编辑时在列表中 selected，请问如何进行？

Answer 1

当您的 select 发生变化时，您只需将 selected 项目设置为变量 $scope.selectedItem。

PS。不要在 select 上使用 ng-repeat，而是使用 ng-options.

<select ng-options='d.firstName for d in TransferCtrl.drivers' ng-change='selectedTemplate(d)'></select>

控制器：

$scope.selectedTemplate = function(item){
  $scope.selectedItem = item;
}

模态：

<div>
  <h1>selectedItem.firstName</h1>
</div>

AngularJS Select 要编辑的元素的项目

AngularJS Select item for the element to edit

angularjs

angularjs-select