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을 가지고 선택한 얻을 것이다 값과 같은 모델을 겨에 적용 in $ scope.selectvalue.value