Currently, I am following Lynda's tutorial on Ionic framework and have encountered an issue while working on backend coding. After generating the app, I proceeded to open the www/js/app.js file to include a controller with the following code:
.controller('ListController', ['$scope', '$http', function($scope, $http){
$http.get('js/data.json').success(function(data){
$scope.artists = data;
});
}]);
The file www/js/data.json contains the data that needs to be referenced in the index.html file using the following code:
<ion-item ng-repeat='item in artists' class="item-thumbnail-left item-text-wrap">
<img src="img/{{item.shortname}}_tn.jpg" alt="{{item.name}} Photo">
<h2>{{item.name}}</h2>
<h3>{{item.reknown}}</h3>
<p>{{item.bio}}</p>
</ion-item>
However, the retrieved data is null, as the img tag displays no value upon inspection, along with other tags referencing the 'item' data. Any suggestions on what steps I can take to resolve this issue?