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中有拼写错误。它应该是image in imageData

您也不需要为query

编写回调函数

 $scope.imageData = images.query();

Answer 2

尝试改变这一点：

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

到此：

$scope.imageData = images.query(function (response)
{
    $scope.imageData = response;
});

Angular - 使用AJAX填充列表

2 个答案: