1

我真的很沮丧，我知道这一定是我犯的一个简单的错误。所以，我试图从我在 Behance 上的帐户中获取一些图像，并将它们显示在我自己的网站上。我正在使用 AngularJS。使用以下代码，我可以得到响应：

'use strict';

angular.module('angularApp')
  .controller('BehanceCtrl', function ($scope, $resource) {

    $scope.behance = $resource('http://www.behance.net/v2/users/zachjanice/projects?client_id=xxxxxxxxxx', 
        { q:'', callback: 'JSON_CALLBACK'},
        {get:{method:'JSONP'}}
    );

    $scope.behanceResult = $scope.behance.get();

  });

在 Chrome 开发人员工具中显示我收到了回复。

angular.callbacks._0({"projects":[{"id":123456, etc. etc.}] })

我的 HTML 文件显示：

<section ng-controller="BehanceCtrl">
    <div class="container">
        <div class="row">
            <ul>
                <li ng-repeat="behance in behanceResult.results">
                    <img ng-src="{{projects.covers}}">
                    <h1>{{projects.id.name}}</h1>
                </li>
            </ul>
        </div>
    </div>
</section>

我遗漏了什么？以及如何显示这些图像的图像和标题。

任何帮助表示赞赏。

4

2 回答 2

1 
<section ng-controller="BehanceCtrl">
<div class="container">
    <div class="row">
        <ul>
            <li ng-repeat="behance in behanceResult.results">
                <img ng-src="{{behance.projects.covers}}">
                <h1>{{behance.projects.id.name}}</h1>
            </li>
        </ul>
    </div>
</div>

于 2014-04-16T20:19:23.337 回答
0

您应该使用的数组是behanceResult.projects，所以这应该可以工作：

<div class="container">
<div class="row">
    <ul>
        <li ng-repeat="project in behanceResult.projects">
            <img ng-src="{{project.covers[202]}}">
            <h1>{{project.name}}</h1>
        </li>
    </ul>
</div>

于 2015-10-08T00:37:33.933 回答