javascript - 如何在单击“保存”按钮时从 `update` 中选择 `select box` 新值？

Question

如何在单击“保存”按钮时从选择框中选择更新新值。

我在我的 JS 函数中使用这样的 ng-click 函数来更新按钮:

   $scope.updateDealDetail = function updateDealDetail (){
      $scope.showEditView = !$scope.showEditView;
      $scope.dealDetail.decisionMakerDetail.email = $scope.selectedid;
   }

我的编辑按钮功能:

$scope.editUserDetail = function editUserDetail(){
        $scope.showEditView = !$scope.showEditView;
        $scope.showSubmitView = !$scope.showSubmitView;
        deal.getIdData($scope.accountDetail. accountUsers[0].role,$scope.accountDetail.id).then(function successCb(data){
          $scope.editIdOptionsData=data;
          $scope.selectedid = $scope.editIdOptionsData[0].email;
      });
    };

我的 bitton click HTML 是这样的:

<select ng-model="selectedid" class="form-control">
   <option ng-selected="selectedid" ng-repeat="eiod in editIdOptionsData" value="{{eiod.email}}">{{eiod.email}}

<button ng-click="updateDealDetail(eoid.email)" ng-disabled="dealDataSaveButtonDisabled">Update</button> 

我正在尝试通过 ng-repeat 来实现此目的，因为通过使用 ng-options，我通过 API 的数据现在显示在框中。但是我的第一个索引上的数据才刚刚设置。如何设置选择框的默认值并通过选择任何值，onclick 需要更新该值。

Answer 1

不要使用 ngRepeat 来渲染选项，这是你的问题。正确的代码是:

<select class="form-control" 
        ng-model="selectedid" 
        ng-options="eiod.email as eiod.email for eiod in editIdOptionsData">
</select>