Question

我是Angular的新手，所以为了掌握它，我一直在使用虚拟RESTful服务。现在我已设法拉出图像URL，然后将其推入数组。

我希望在＆＃34; ng-click＆＃34;时将此数组输出为图像。指令被解雇。

非常感谢任何指导或帮助。

<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

我一直在使用angularjs，但通常作为开发人员，我刚刚开始，所以请耐心等待。

我认为这样的事情会起作用：

<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);
        })
    }
});

从RESTful Service Angular输出图像

1 个答案: