Привязка значений в раскрывающемся списке

Question

Мне нужно выбрать страны в раскрывающемся списке на основе идентификатора пользователя.Я пробовал приведенный ниже код, но он не работает.Кто-нибудь может мне помочь?

HTML:

<h1 align="center">Audit</h1>
<p>Country* :</p> 
<select class="form-control flat-control-inner" id=""  ng-model="user.id">
  <option value = "" > --Please Select-- </option>
  <option data-ng-repeat="c in countryList" ng-value="{{c.id}}" ng-selected="user.id==c.id">{{c.country}}</option>
</select>

Контроллер:

var user={};
    $scope.user.id=1;
    $scope.userId=1;
    $scope.rgId=1;
    $scope.ctryId=1;
    $scope.trId=1;
    $scope.ctyId=1;

    $scope.fetchCountryList = function(userId){

          $(".loader").show();           
          AuditorInfoService.fetchCountryList($scope.userId).then(function(response){
               $scope.countryList = response.data;
              console.log($scope.countryList);

        },function(response){
            $(".loader").fadeOut("slow");
            });        
      };
      $scope.fetchCountryList($scope.userId);

Answer 1

Вы можете выполнить желаемое двумя способами:

1. , изменив data-ng-repeat в ng-repeat

2. , используя ng-options.Это угловая директива, разработанная специально для select

   <select class="form-control flat-control-inner" ng-options="c in countryList" ng-selected="user.id==c.id" ng-model="user.id"></select>

Документы здесь