Сохранять выбранный вариант выпадающего списка после запуска события ng-change

Question

Как сохранить значение поля выпадающего списка, выбранного пользователем после запуска события ng-change?

<select class="form-control" id="myId" placeholder="" ng-model="myModel" ng-required="true" ng-options="myoption as myOptionModel for myOption in myOptions" ng-required="true" ng-change="callOnChange()"/> 

Выбранное пользователем значение должно быть отображено в выпадающем списке. В настоящее время после выбора значения выпадающего значения оно переходит в исходное состояние (как будто ничего не было выбрано), хотя я могу получить доступ к выбранному значению в функции callOnChange().

Например: Если список имеет три значения: «Яблоко», «Манго», «Оранжевый», а пользователь выбирает «Манго», то после запуска события ng-change событие «Манго» должно оставаться выбраным. В настоящее время, когда я выбираю значение, я вижу пустое значение, за которым следуют «Apple», «Mango» & «Оранжевый».

Answer 1

Вы не использовать хорошо выбрать, попробуйте следующее:

HTML:

<select placeholder="" ng-model="myModel" ng-required="true" ng-change="callOnChange()"> 
    <option ng-repeat="myoption in mail_notifications" value="{{myoption.key}}">{{myoption.value}}</option> 
</select> 

JS:

$scope.callOnChange=function() { 
    alert("hello"); 

    } 
    $scope.mail_notifications = [ 
     { 
      "key": "1", 
      "value": "example1" 
     }, 
     { 
       "key": "2", 
      "value": "example2" 
     }, 
     { 
      "key": "3", 
      "value": "example3" 
     } 
    ]; 
    $scope.myModel = ''; 

и пример: https://jsfiddle.net/javierif/nbofm5ah/