Назначение значения для раскрывающегося списка по умолчанию

Я назначил локальные данные о состоянии страны в $scope.countries и передал их на бэкэнд, теперь в $ scope.getValue() Я получу значения для города страны страны из бэкэнд. Но я не удалось присвоить значения, которые я получаю от backend-ответа к моей ng-модели $scope.countrySrc по умолчанию.Назначение значения для раскрывающегося списка по умолчанию

<!DOCTYPE html> 
<html data-ng-app="myApp"> 

<head> 
    <link rel="stylesheet" href="style.css"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
    <script src="script.js"></script> 
</head> 

<body data-ng-controller="testController"> 



    <label for="country">Country *</label> 
    <select id="country" ng-model="countrySrc" ng-options="country for (country, states) in countries" ng-change="GetSelectedCountry()"> 
    <option value=''>Select</option> 
    </select> 
    <label for="state">State *</label> 
    <select id="state" ng-disabled="!countrySrc" ng-model="stateSrc" ng-options="state for (state,city) in countrySrc" ng-change="GetSelectedState()"> 
    <option value=''>Select</option> 
    </select> 
    <label for="city">City *</label> 
    <select id="city" ng-disabled="!countrySrc || !stateSrc" ng-model="city" ng-options="city for city in stateSrc"> 
    <option value=''>Select</option> 

    </select> 

    <script> 
    angular 
     .module('myApp', []) 
     .run(function($rootScope) { 
     $rootScope.title = 'myTest Page'; 
     }) 
     .controller('testController', ['$scope', 
     function($scope) { 


      $scope.countries = { 

      'USA': { 
       'Alabama': ['Montgomery', 'Birmingham'], 
       'California': ['Sacramento', 'Fremont'], 
       'Illinois': ['Springfield', 'Chicago'] 
      }, 
      'India': { 
       'Maharashtra': ['Pune', 'Mumbai', 'Nagpur', 'Akola'], 
       'Madhya Pradesh': ['Indore', 'Bhopal', 'Jabalpur'], 
       'Rajasthan': ['Jaipur', 'Ajmer', 'Jodhpur'] 
      }, 
      'Australia': { 
       'New South Wales': ['Sydney'], 
       'Victoria': ['Melbourne'] 
      } 
      }; 

      $scope.GetSelectedCountry = function() { 
      $scope.strCountry = $scope.countrySrc; 
      }; 
      $scope.GetSelectedState = function() { 
      $scope.strState = $scope.stateSrc; 
      }; 
UserService.getProfile.then(function (response) { 


     $scope.strCountry = response.json.response.profile.country; 
     }; 


    $scope.getProfile(); 
     ]) 
    </script> 
</body> 

</html>

Userservice.jS:

function getProfile(profile){ 
     return $http.post(url+'?request=' + JSON.stringify(profile)).then(handleSuccess, handleError('Error in saving profile details')); 
    }

отклик от бэкэнда:

 {"response":{"json":{"session_id":"498","profile": 
{"country":"Afghanistan", 
"state":"Badakhshan", 
"city":"Eshkashem", 
"pincode":"54564","rolemandatory":1},"roles":[]}}}

источник

2016-11-08 Nicoleta Wilskon

где ваш ави звонок? что такое «ответ» в вашем вопросе? – Sravan

, где вы назвали эту услугу? – Sravan

Я вызываю услугу отдельно в userervice.js –

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

Я сделал один plunker для вас: Пожалуйста, обратитесь это: Here

angular 
 
    .module('myApp', []) 
 
    .run(function($rootScope) { 
 
    $rootScope.title = 'myTest Page'; 
 
    }) 
 
    .controller('testController', ['$scope', 
 
    function($scope) { 
 

 

 
     $scope.countries = { 
 

 
     'USA': { 
 
      'Alabama': ['Montgomery', 'Birmingham'], 
 
      'California': ['Sacramento', 'Fremont'], 
 
      'Illinois': ['Springfield', 'Chicago'] 
 
     }, 
 
     'India': { 
 
      'Maharashtra': ['Pune', 'Mumbai', 'Nagpur', 'Akola'], 
 
      'Madhya Pradesh': ['Indore', 'Bhopal', 'Jabalpur'], 
 
      'Rajasthan': ['Jaipur', 'Ajmer', 'Jodhpur'] 
 
     }, 
 
     'Australia': { 
 
      'New South Wales': ['Sydney'], 
 
      'Victoria': ['Melbourne'] 
 
     } 
 
     }; 
 

 
     $scope.GetSelectedCountry = function() { 
 
     $scope.strCountry = $scope.countrySrc; 
 
     }; 
 
     $scope.GetSelectedState = function() { 
 
     $scope.strState = $scope.stateSrc; 
 
     }; 
 

 
     $scope.getValues = function() { 
 
     $scope.strCountry = $scope.countrySrc; 
 
     }; 
 
     $scope.getValues(); 
 
    } 
 
    ]);

<!DOCTYPE html> 
 
<html data-ng-app="myApp"> 
 

 
<head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body data-ng-controller="testController"> 
 

 

 

 
    <label for="country">Country *</label> 
 
    <select id="country" ng-model="countrySrc" ng-options="country for (country, states) in countries" ng-change="GetSelectedCountry()"> 
 
    <option value=''>Select</option> 
 
    </select> 
 

 

 
    <label for="state">State *</label> 
 
    <select id="state" ng-disabled="!countrySrc" ng-model="stateSrc" ng-options="state for (state,city) in countrySrc" ng-change="GetSelectedState()"> 
 
    <option value=''>Select</option> 
 
    </select> 
 
    <label for="city">City *</label> 
 
    <select id="city" ng-disabled="!countrySrc || !stateSrc" ng-model="city" ng-options="city for city in stateSrc"> 
 
    <option value=''>Select</option> 
 

 
    </select> 
 

 
</body> 
 

 
</html>

источник

2016-11-08 05:24:40 Jigar7521

Привет, я понимаю, что вы имели в виду, но проблема, о которой я говорю, это локально, у меня есть этот государственный город страны и сберегающий его для поддержки. И из backend, когда я возвращаюсь, значение не может отображаться в раскрывающемся ng-модели. –

Позвольте мне уточнить свой ответ – Jigar7521

проверить это сейчас, у меня есть определение обещаний для этого, а не правильное прямое в рабочем состоянии, но вы можете использовать его в своем коде. – Jigar7521

Чтобы присвоить значение раскрывающийся по умолчанию, необходимо присвоить его модальный поле выбора ,

Если это не сработает, вам нужно выставить и выбрать вариант выпадающего списка и совместить с вашей резервной страной. затем назначьте сопоставленную итерированную опцию, чтобы выбрать box modal.

источник

2016-11-08 09:11:57

Назначение значения для раскрывающегося списка по умолчанию

ответ

Смежные вопросы