javascript - Angular - 使用 AJAX 填充列表

Question

我正在开发一个网络应用程序，我想按类别在列表中显示数据。我正在获取具有标题和类别的 AJAX 数据。获取它的代码如下:

angular.module('getImageData', ['ngResource'])
  .factory('images', function ($resource)
  {
      return $resource('/ImageData/GetImages', {}, {
          query: { method: 'GET', isArray: true }
      });
  });

然后像这样:

$scope.imageData = images.query(function (response)
{
    // This has become superfluous
    return response;
});

AJAX 调用我们发生，我可以在 Chrome 中看到我的数据。

然后这是我的 HTML:

<ul>
    <li data-ng-repeat="image in imagedata">
        <a href="">{{image.Title}}</a>
    </li>
</ul>

我打算这样做:

<ul>
    <li data-ng-repeat="image in imagedata | filter : {TypeFilter : 'a' }">
        <a href="">{{image.Title}}</a>
    </li>
</ul>

但现在我保持简单。

该列表永远不会呈现。这是我在 chrome 中看到的 HTML:

<ul>
  <!-- ngRepeat: image in imagedata -->
</ul>

我假设这意味着它在数据返回之前运行。我该如何让它等待？

谢谢。

Answer 1

image in imagedata 存在拼写错误。它应该是imageData中的图像

您也不需要为查询编写回调函数

 $scope.imageData = images.query();