I have a hunch as to why it's not functioning properly, but I'm unsure on how to troubleshoot this. Despite looking at similar questions and answers on SO, I am unable to resolve my issue.
My goal is to trigger a service upon page load in order to display a table of data - for simplicity let's refer to this as a list of URLs.
The model should consist of { urls }, returning an array of URLs that would be utilized in ng-repeat in the future.
Here is my controller:
function UrlListCtrl($scope, UrlService){
$scope.urls = UrlService.getUrls();
}
And here is the service:
function UrlService($http) {
return {
getUrls: getUrls
}
function getUrls() {
console.log('Fetching Urls...');
return $http.get('urls/get')
.then(function(response) {
console.log('response:', response.data);
this.urlsResults = response.data;
});
}
}
The service does execute, however it fails to update the view. How can I address this issue?