Как правильно создать контроллер чтобы вывести информацию из JSON?

Question

[Макс Хименко]

Добрый день. Помогите пожалуйста разобраться где ошибка в моем коде? hannation.me/api/buddypressread/friends_get_friend... это мой json файл - когда я пытаюсь вывести данный список ничего не выходит. Ошибок нет и ничего не получается.

Создал такой вот контроллер

// Friends Controller
.controller('FriendsCtrl', function($scope, $rootScope, $state, $ionicLoading, PostService) {
  $scope.posts = [];
  $scope.friends = [];
  $scope.page = 1;
  $scope.totalPages = 1;

  $scope.doRefresh = function() {
    $ionicLoading.show({
      template: 'Loading posts...'
    });

    //Always bring me the latest posts => page=1
    PostService.getUserFriends(1)
    .then(function(data){

      $scope.totalPages = data.pages;
      $scope.posts = PostService.shortenPosts(data.posts);

      $ionicLoading.hide();
      $scope.$broadcast('scroll.refreshComplete');
    });
  };

  $scope.loadMoreData = function(){
    $scope.page += 1;

    PostService.getUserFriends($scope.page)
    .then(function(data){
      //We will update this value in every request because new posts can be created
      $scope.totalPages = data.pages;
      var new_posts = PostService.shortenPosts(data.posts);
      $scope.posts = $scope.posts.concat(new_posts);

      $scope.$broadcast('scroll.infiniteScrollComplete');
    });
  };


  $scope.doRefresh();

})

Это мой сервис файл он делает запрос переменная
WORDPRESS_API_URL = hannation.me/api

this.getUserFriends = function(friends){
    var deferred = $q.defer();

      $http.jsonp(WORDPRESS_API_URL + 'buddypressread/friends_get_friends/?username=adminara' +
    '&insecure=cool' +
      '&type=full' +
      '&callback=JSON_CALLBACK')

  .success(function(data) {
      deferred.resolve(data);
    })
    .error(function(data) {
      deferred.reject(data);
    });

    return deferred.promise;
  };

А это вывод на странице!

<ion-list ng-repeat="friend in friends">
      <ion-item>
        <ion-avatar item-left>
          <img class="friends-avatar" src="{{friend.avatar}}">
        </ion-avatar>
        <h2>{{friend.friends.username}}</h2>
        <h3>{{friend.mail}}</h3>
      </ion-item>
    </ion-list>

Подскажите пожалуйста где я ошибся? Что поправить? Я новичок и только изучаю и хотелось бы понять проблему чтобы в будущем знать как решать!