Unable to set table cell value from Angular controller - html

Question

I have written below html and controller code for setting table cell value to geo code address but it is not working.
<tr ng-repeat="x in tabledata">
<td>{{ x.id }}</td>
<td>{{x.lat}}</td>
<td>{{x.lng}}</td>
<td ng-if="ctrl.getAddress(x.lat,x.lng)">{{addr}}</td>
</tr>
Controller method is as follows.
this.getAddress = function(lat,lng) {
console.log('x.lat ' + lat + ' x.lng ' + lng);
var p = new Promise(function(resolve,reject){
var address;
var geocoder = new google.maps.Geocoder;
geocoder.geocode({'location': {lat: parseFloat(lat), lng: parseFloat(lng)}}, function(results, status) {
if (status === 'OK') {
if (results[0]) {
resolve(results[0].formatted_address);
} else {
resolve('No results found');
}
} else {
reject('Geocoder failed due to: ' + status);
}
});
}).then(function(v){
console.log('Resolved - Geo coder address ' + v);
$scope.addr = v;
$scope.apply;
}).catch(function(v){
console.log('Catch - Geo coder address ' + v);
});
return true;
};
I am getting the address value but it is not getting assigned to addr variable.

Answer 1

I could solve the issue as follows.
1) Added one more property called addr to the tabledata in the controller function.
2) After getting the address value from geocode API I am setting its value in the tabledata.