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，但请使用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选择要编辑的元素的项目

1 个答案: