Question

我正在尝试使用angularJS连接到tumblr API

编辑

我现在尝试做：

JS：

tumblr.controller('tumblrs', function($scope, $http) {
    $http.get("http://www.tinymediaempire.tumblr.com/api/read/json/")
        .success(function(responses) {$scope.post = responses.response.posts;});
    });

HTML：

<div ng-controller="tumblrs">       
    <ol>
        <li ng-repeat="spost in post">{{ spost.photos[0].alt_sizes[0].url }}</li>
    </ol>
</div>

Answer 1

在您的JSON示例中，我在.photo_url_500个对象中看不到photos属性。

我认为您需要参考.alt_sizes[1].url获取500px图片的网址。

您还需要使用ng-src属性而不是src，因为img标记会在加载角度之前尝试从文字文本加载：

<img ng-src="{{ photo.alt_sizes[1].url }}" />

Tumblr API - 使用AngularJS获取JSON照片

1 个答案: