Почему выпадающее меню выбирает последнее значение

Question

Здесь я пытаюсь загрузить данные в dropdownList. Загрузка. Но почему по умолчанию он выбирает последнее значение из списка.

Html

<div ng-controller="Part5Controller"> 
    Country : <select ng-model="CountryID" ng-options="I.CountryID as I.CountryName for I in CountryList" ng-change="GetState()"> 
     <option value="">Select Country</option> 
    </select> 
</div> 

controller.Js

app.controller('Part5Controller', function ($scope, servicemard) { 
    getCountrys(); 
    function getCountrys() { 
     var xx = servicemard.getctrys(); 
     xx.then(function (d) { 
      $scope.CountryList = d.data; 
     }) 
    } 
}) 

service.js

app.service('servicemard', function ($http) { 
    this.getctrys = function() { 
     return $http.get('/Jan/GetCountries') 

     } 
}) 

Answer 1

Вы можете убить двух зайцев одним выстрелом. Предоставляя «подсказку» значение, вам приходится иметь дело с этим. Вероятно, лучший способ - предварительно выбрать и отключить его.

<div ng-controller="Part5Controller"> 
    Country : <select ng-model="CountryID" ng-options="I.CountryID as I.CountryName for I in CountryList" ng-change="GetState()"> 
     <option value="" selected disabled>Select Country</option> 
    </select> 
</div> 

Теперь приглашение выбрано по умолчанию, но не может быть фактически выбрано для привязки. Мой опыт связан с нулевым значением привязки без результатов выбора в последнем элементе в списке, выбранном по умолчанию.

Answer 2

Угловое-х ng-model сохраняет значение синхронизации целевого свойства и состояния виджета. В вашем случае это означает, что выбрана опция с CountryID, равная области вашего контроллера CountryID. Я не вижу определения контроллера CountryID, поэтому я думаю, вы должны попытаться быть явным.

Настройте свой пустой вариант, как

<option value="-1">Select Country</option> 

И добавить CountryID инициализации контроллера

$scope.CountryID = -1;