Angularjs 简单的角度示例不起作用:ng repeat+$资源+;得到

Angularjs 简单的角度示例不起作用:ng repeat+$资源+;得到,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,我试图使用从REST服务提供的数据,使用ng repeat进行迭代。我设法恢复main.js文件中的数据,但无法将数据注入HTML 我刚刚开始学习nodejs和angular,所以很可能我没有清楚地理解它。我记录了两次对REST服务的调用,在其中一个服务中获取数据(使用回调函数),在另一个服务中获取承诺(我假设发生这种情况是因为调用是同步的,我在这里没有使用任何回调函数) 我不明白的是为什么HTML不能获取数据 不管怎样,代码如下: main.js index.html AngularJS教程

我试图使用从REST服务提供的数据,使用ng repeat进行迭代。我设法恢复main.js文件中的数据,但无法将数据注入HTML

我刚刚开始学习nodejs和angular,所以很可能我没有清楚地理解它。我记录了两次对REST服务的调用,在其中一个服务中获取数据(使用回调函数),在另一个服务中获取承诺(我假设发生这种情况是因为调用是同步的,我在这里没有使用任何回调函数)

我不明白的是为什么HTML不能获取数据

不管怎样,代码如下:

main.js index.html

AngularJS教程
{{resource.id}
{{resource.content}

提前感谢,这段代码对我来说很好

问题是服务返回的是Json对象而不是列表

如果用这样的列表包装它,您将看到结果

$scope.servicedata = [restservice];

Arg。我花了大约两个小时做这个。非常感谢你。
<!DOCTYPE html>
<html>
<head>
  <title>AngularJS Tutorials</title>
  <!-- <link rel="stylesheet" href="vendor/foundation/foundation.min.css"> -->
</head>

<body>

  <div ng-app="myApp">
    <div ng-controller="AvengersCtrl">
      <input type="text" ng-model="search.$">
      <table>
        <tr ng-repeat="resource in servicedata | filter:search">
            <td>{{resource.id}}</td>
            <td>{{resource.content}}</td>
        </tr>
      </table>
    </div>
  </div>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular-resource.js"></script>
  <script type="text/javascript" src="/angular/app/main.js"></script>
</body>
</html>
$scope.servicedata = [restservice];