Как отобразить другое изображение с сервера в ng-repeat

Как отображать разные img с сервера с angularJS, у меня есть пост ng-repeat в сообщениях, и для каждого сообщения я хочу получить его аватар; Я думал вызвать функцию getImage (post.author.id) и восстановить его аватар

  $scope.getImage=function(a){

    $http({method: 'GET', url: 'http://url/provawp/api/user/get_avatar/?user_id=' +  a + '&type=full'}).
    success(function(data, status, headers, config) {

        console.log("id-autore" + a);
        var img=data.avatar;
        var element = $('<div>').html(img);
        $scope.source = element.find('img').attr("src");
      return $scope.source;
        console.log("immagine" + $scope.source);

     }).
     error(function(data, status, headers, config) {

         console.log("errore avatar");
     });

    };

мой html:

<ons-list-item  class="list-item-container">
      <div class="list-item-left">
        <img ng-src="{{getImage(post.author.id)}}" class="avator">
      </div>
      <div class="list-item-right">
        <div class="list-item-content">
          <div class="name">{{post.author.name}}</div>
       <!--               <div class="name" id="id-autore" >                                   {{post.author.id}}</div> -->
        <span class="desc">{{formatDate(post.date)  |  date:"dd/MM/yyyy"}}</span>
        </div>
      </div>
    </ons-list-item>

</ons-list>

У меня есть эта ошибка: Не удалось получить ошибку: [$ rootScope: infdig] Достигнуто 10 $ digest() итераций. Aborting! Наблюдатели стреляли в последние 5 итераций