Получение ошибки при изменении выпадающего списка во второй раз

Question

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

<div class="form-group"> 
    <select name="country_city" class="inputbox" required ng-model="frm.country_city" ng-change="state_city()"> 
     <option ng-repeat="country in country_city track by $index" value="{{country.id}}">{{country.name}}</option> 
    </select> 
</div> 

<div class="form-group"> 
    <select name="state_city" class="inputbox" required ng-model="frm.state_city"> 
     <option ng-repeat="state in state_city track by $index" value="{{state.id}}">{{state.name}}</option> 
    </select> 
</div> 

$scope.state_city = function() { 
    console.log("in state city"); 
    $scope.frm.country_city; 
    $http.get(url, { 
     params: { 
      action: 'get_state_city', 
      country_id: $scope.frm.country_city 
     } 
    }).success(function(data, status, headers, config, jsonp) { 
     $scope.state_city= data; 
     console.log($scope.state_city); 
    }); 
}; 

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

Изображения показывают выбор Индии страны и государства Махараштра в качестве ответа, но при выборе США просто изменить ответ дать ошибку

Answer 1

Проблема: scopefunction имя и scope variable name есть sam е:

$scope.state_city = function() { 
    console.log("in state city"); 
    $scope.frm.country_city; 
    $http.get(url, { 
     params: { 
      action: 'get_state_city', 
      country_id: $scope.frm.country_city 
     } 
    }).success(function(data, status, headers, config, jsonp) { 
     $scope.state_city= data; => Issue is here 
     console.log($scope.state_city); 
    }); 
}; 

Вы создаете функцию $scope.state_city(), а затем внутри функции успеха вы делаете это $scope.state_city= data;, В следующий раз ваш state_city не стал variable с response data и не больше function.

Answer 2

Try изменения в:

$scope.change_state_city = function() { 
      $http.get(url, { 
      params: { 
       action: 'get_state_city', 
       country_id: $scope.frm.country_city 
      } 
     }).success(function(data, status, headers, config, jsonp) { 
      $scope.state_city= data; 
      console.log($scope.state_city); 
     }); 
    }; 

---

<div class="form-group"> 
    <select name="country_city" class="inputbox" required ng-model="frm.country_city" ng-change="change_state_city()"> 
     <option ng-repeat="country in country_city track by $index" value="{{country.id}}">{{country.name}}</option> 
    </select> 
</div> 

<div class="form-group"> 
    <select name="state_city" class="inputbox" required ng-model="frm.state_city"> 
     <option ng-repeat="state in state_city track by $index" value="{{state.id}}">{{state.name}}</option> 
    </select> 
</div>