RESTfulサービスからの出力画像角度

Question

私はそれを把握するためにAngularを初めて使用しています。ダミーRESTfulサービスで作業しています。今私はイメージのURLを取得して、それを配列にプッシュすることができました。

"ng-click"指示が発せられたときに、この配列をイメージとして出力したいと思います。

ご迷惑をおかけして申し訳ございません。私はangularjsを使用してきた

<p ng-click="outputImageData()">click me</p> 
<ul> 
    <li ng-repeat="photo in photos"> 
     {{ image }} 
    </li> 
</ul> 

myApp.factory('getImages', function($http) { 
    var imageService = { 
     async: function(id) { 
      var promise = $http.get('https://jsonplaceholder.typicode.com/photos/1').then(function(response) { 
       return response.data; 
      }) 
      return promise; 
     } 
    }; 
    return imageService; 
}); 

myApp.controller("outputImages", function($scope, getImages) { 
    var photos = []; 
    $scope.outputImageData = function() { 
     getImages.async().then(function(data) { 
      var photoId = data.url; 
      photos.push(photoId); 
      console.log(photos); 
     }) 
    } 
}); 

おかげ

Answer 1

が、一般的に開発者として、私はちょうどので、私と一緒にしてください負担し始めています。

私はこのような何かが働くだろうと思う：

<p ng-click="updateImageData()">click me</p> 
<ul> 
    <li ng-repeat="photo in photos"> 
     <img src="{{photo.url}}"> 
    </li> 
</ul> 

myApp.factory('getImages', function($http) { 
    var imageService = { 
     async: function() { 
      var promise = $http.get('https://jsonplaceholder.typicode.com/photos/'); 
      return promise; 
     } 
    }; 
    return imageService; 
}); 
myApp.controller("outputImages", function($scope, getImages) { 
    $scope.photos = []; 
    $scope.updateImageData = function() { 
     getImages.async(photoId).then(function(data) { 
      $scope.photos = data; 
      console.log(photos); 
     }) 
    } 
});