保存ボタンをクリックして `select box`から新しい値を`更新 'する方法は？

Question

どのようにupdate新しい値を選択するとselect boxをクリックして保存ボタンをクリックします。

私は、更新ボタンのための私のJS関数で次のようにNG-クリック機能を使用しています：

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

編集ボタンのMy機能：

$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-optionsを使用しているため、ng-repeatを使用しているため、APIを介したデータが現在ボックスに表示されています。しかし、最初のインデックスにある私のデータは、唯一の設定になっています。選択ボックスのデフォルト値を設定し、任意の値を選択することによって、onclickはその値を更新する必要があります。

Answer 1

オプションをレンダリングするためにngRepeatを使用しないでください。これが問題です。正しいコードは次のようになります。

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

Answer 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> 

JS

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