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

【问题标题】：How to `update` new value choosing from `select box` on click save button?如何在单击保存按钮时从“选择框”中选择“更新”新值？
【发布时间】：2016-06-11 13:14:05
【问题描述】：

如何在单击保存按钮时从select box 中选择update 新值。

我在我的 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 点击 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 需要更新该值。

【问题讨论】：

请描述my value is not updating - 预期的结果是什么？还添加更多部分，如getDeal() 函数和视图代码
我选择的值没有被保存。
请提供有关 $scope.dealDetail 对象的信息。

标签： javascript angularjs

【解决方案1】：

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

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

【讨论】：

ngRepeat 有什么问题？
模型绑定不正确（无法绑定到对象）。 ngRepeat 不应该用于呈现选择选项。
您好，请您也解释一下。像这样写“eiod.email as eiod.email for eiod in editIdOptionsData”需要什么？
@VishakhaNehe select 和 options 形成一个单一的控件。所以考虑使用 angular ng-options
eiod.email as eiod.email for eiod in editIdOptionsData 表示：迭代editIdOptionsData 并且每个迭代项eiod 再次使用eiod.email 和值eiod.email 渲染选项的标签（文本）。值作为数组中项目的标签。

【解决方案2】：

在<select> 元素上使用ng-options、ng-model 和ng-change 的最佳做法

在线演示 - https://plnkr.co/edit/Gaa8sMgerRv6chio4iYa?p=preview

html

<select 
    ng-model="selectedItem" 
    ng-change="onSelectedItemChanged()"
    ng-options="item as item.email for item in items"></select>

app.controller('MainCtrl', function($scope) {
  $scope.items = [{
    email: 'asd1@asd.com'
  }, {
    email: 'asd2@asd.com'
  }];

  $scope.selectedItem = $scope.items[0];

  $scope.onSelectedItemChanged = function() {
    alert('you changed it to ' + $scope.selectedItem.email);
  }
});

【讨论】：

你能编辑你的代码吗