ng-click didn't show data in angular js - angularjs

Question

I have two select box state and city i am select a state that wise city sort and showing in city section here is my view part
<div class="state-section">
<span>State</span>
<ul class="bbl-state-section" id="StateListing" ng-controller="countryController">
<li ng-click="selectCity(x.state)" ng-repeat="x in states" data-id="{{x.state}}">{{x.state}}</li>
</ul>
</div>
<div class="city-section">
<span>City </span>
<ul class="bbl-city-section" id="CityListing">
<li ng-repeat="y in cities" data-id="{{y.city}}">{{y.city}}</li> //this line is not working
</ul>
</div>
here state list working and any state click return success and show city in network section console
but not show the data in city selection area it's show blank
Here app.js code
home.controller("countryController", function ($scope, $http) {
$scope.getStateFullData = function () {
$scope.states = null;
$http.get(base_url + 'Country/selectStates', {})
.then(function post(response) {
$scope.states = response.data;
});
}
$scope.selectCity = function (state) {
$scope.cities = null;
$http.get(base_url + 'Country/selectCities?id=' + state, {})
.then(function post(response) {
$scope.cities = response.data;
});
}
});
and controller is
public function selectCities() {
$result = [];
$data = $this->CountryModel->selectCitiesViaState();
if (!empty($data)) {
$i = 0;
foreach($data as $list){
$result[$i]['city'] = $list->city;
$i++;
}
}
$result = json_encode($result);
sendJsonResponse($result);
}
Here all data return success but the city showing section is blank, how to solve this issue i am new in angular js