Можно ли создать каскадный выпадающий список в редактировании inline?

Question

При изменении страны в раскрывающемся списке соответствующие состояния не отображаются .. оповещение получает первый идентификатор страны каждый раз при выборе разных стран

<span editable-select="user.Country" e-name="Countrychk" e-id="Country" e-form="rowform" e-ng-options="x._id as x.CountryName for x in Countrydata"e-ng-change="changeCountry(user.Country)">{{ Countrydata.CountryName }}

$http.get('/CountryDetails').then(function(response){
    debugger;
    $scope.Countrydata=response.data;
});
$scope.changeCountry=function(CountryID){
    debugger;
    alert(CountryID);
    $http.get('/StateDetails1'+ CountryID).then(function(response){
        $scope.Statedata = response.data;
        console.log($scope.Statedata);
    });
};