angularjs - AngularJS选择要编辑的元素的项目

Question

我想知道如何在 select 中选择一个元素，该元素包含来自 REST API 的 JSON 数据：这是我的代码：

<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)
        }
);

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

Answer 1

$scope.selectedItem当您select更改时，您只需将所选项目设置为变量。

PS。不要ng-repeat在 select 上使用，而是使用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>