Ionic view not working. Angular problem


Hi Guys, I am new to ionic and doing an online traning. I got stuck on this problem. Can you please help me?

My controller

.controller('ListController', ['$scope', '$http', function ($scope, $http) {
    $scope.artists = data;

my view

    <ion-content ng-controller="ListController" class="has-subheader">
        <ion-item ng-repeat='item in artists' class="item-thumbnail-left item-text-wrap">
            <img src="img/{{item.shortname}}_tn.jpg" alt="{{ }} Photo"/>





But I can’t see the data in the data.json. Looks like it’s not recognizing the curly braces {{ }}

See chrome error

GET 404 (Not Found)


Do you have a CodePen showing your problem?


Nevermind I found the problem

I changed $scope.artists = data;
" $scope.artists = data.artists;

And I use ng-src to load the image source on my html