Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度-使用AJAX填充列表_Javascript_Ajax_Angularjs - Fatal编程技术网

Javascript 角度-使用AJAX填充列表

Javascript 角度-使用AJAX填充列表,javascript,ajax,angularjs,Javascript,Ajax,Angularjs,我正在开发一个web应用程序,我想按类别在列表中显示数据。我得到的是有标题和类别的AJAX数据。获取的代码如下所示: angular.module('getImageData', ['ngResource']) .factory('images', function ($resource) { return $resource('/ImageData/GetImages', {}, { query: { method: 'GET', isArray: tr

我正在开发一个web应用程序,我想按类别在列表中显示数据。我得到的是有标题和类别的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;
});
然后像这样:

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>
我假设这意味着它在数据返回之前运行。我如何让它等待

谢谢。

尝试更改此选项:

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

$scope.imageData = images.query(function (response)
{
    $scope.imageData = response;
});
尝试更改此选项:

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

$scope.imageData = images.query(function (response)
{
    $scope.imageData = response;
});
尝试更改此选项:

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

$scope.imageData = images.query(function (response)
{
    $scope.imageData = response;
});
尝试更改此选项:

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

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

您在imagedata中的图像中有拼写错误。它应该是imageData中的图像

您也不需要为
query

 $scope.imageData = images.query();

您在imagedata中的图像中有拼写错误。它应该是imageData中的图像

您也不需要为
query

 $scope.imageData = images.query();

您在imagedata中的图像中有拼写错误。它应该是imageData中的图像

您也不需要为
query

 $scope.imageData = images.query();

您在imagedata中的图像中有拼写错误。它应该是imageData中的图像

您也不需要为
query

 $scope.imageData = images.query();

图像是否具有
TypeFilter
属性?尝试此链接:图像是否具有
TypeFilter
属性?尝试此链接:图像是否具有
TypeFilter
属性?尝试此链接:图像是否具有
TypeFilter
属性?尝试此链接: