выбранный вариант в ng-options в agularjs

Question

Я хотел бы, чтобы выбранный параметр был установлен в поле динамического выбора.

В поле выбора не отображается любое выбранное значение

$http({
                method: 'GET',
                url: $rootScope.API_URL + 'branchesShow/' + $routeParams.id,
            }).then(function successCallback(response) {
               
                $scope.city_id = response.data.data.city_id;
             
            }, function errorCallback(response) {
               // console.log(response);
            });


            $http({
                method: 'GET',
                url: $rootScope.API_URL  + 'citySelectList',
            }).then(function successCallback(response) {
              
                $scope.cities = response.data.data;
               
                console.log($scope.cities);
            }, function errorCallback(response) {
                console.log(response);
            });

  <select class = "form-control"  ng-model="city_id" ng-options="c.id as c.title for c in cities">
</select>

Answer 1

Я думаю, что ваш $ scope.city_id не содержит подходящего значения id, так как я вижу, что у вас есть директива ng-model, и следует выбрать опцию, если значение в city_id совпадает с id объекта в вашем списке.

Проверьте, что в данных что-то не так, вот небольшой фрагмент кода, чтобы помочь вам:

angular.module('myApp', [])
.controller('MyCtrl', function ($scope) {

  $scope.cities = [
    {
      id: 1,
      title: 'City 1'
    },
    {
      id: 2,
      title: 'City 2'
    },
  
  ]
  
  $scope.city_id = 1;
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>

<div ng-app="myApp" ng-controller="MyCtrl">


  <select class = "form-control"  ng-model="city_id" ng-options="c.id as c.title for c in cities">
  </select>

</div>