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

Question

Я реализую два выпадающих списка в angularjs. В первом выпадающем списке перечислены все страны. А выпадение второго штата будет отображаться только для США и Канады.

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

Код:

<select ng-if="ProfSettingForm.CountryId.$modelValue == 6" ng-model="StateProv" class="form-control option" ng-init="States = <?php echo htmlspecialchars($allUSStates); ?>"/> 
       <option value="">Choose Your State</option> 
       <option ng-repeat="state in States" ng-selected="{{state.StateId == StateId}}" 
         value="{{ state.StateId }}">{{state.StateName}} 
       </option> 
      </select> 

      <select ng-if="ProfSettingForm.CountryId.$modelValue == 7" ng-model="StateProv" class="form-control option" ng-init="States = <?php echo htmlspecialchars($allCanProvinces); ?>"/> 
      <option value="">Choose Your Province</option> 
      <option ng-repeat="state in States" ng-selected="{{state.StateId == StateId}}" 
        value="{{ state.StateId }}">{{state.StateName}} 
      </option> 
      </select> 

<h3>{{"Value="+ProfSettingForm.StateProv.$modelValue}}</h3> 

AngularJS Контроллер:

app.controller("profileSettingCTRL", ['$scope', '$http', '$window', function ($scope, $http, $window) { 

getAllCountries($scope, $http); 

$scope.profileSettingSubmit = function (isValid) { 

    $scope.successMessage = ""; 
    $scope.message = ""; 
    $scope.myThumb = $window.imagepath; 

    var data = $.param({ 
     FirstName: $scope.FirstName, 
     LastName: $scope.LastName, 
     Email: $scope.Email, 
     CountryId: $scope.CountryId, 
     StateProv: $scope.StateProv, 
     DOB: $scope.DOB, 
     PictureURL: $scope.myThumb 
    }); 
}); 

Answer 1

взять области видимости переменной $ scope.selectvalue.value в контроллере и применить его к нг-модели, как вы получите выбранное значение в $ scope.selectvalue.value