如何从服务器获取AngularJs中数组中每个元素的数据

Question

假设我有一个数组：

    var friendRequests=[
      {
      id:"Xyz",
      requester:"person 1"
      },
      {
      id:"Xyz2",
      requester:"person 2"
      }]

这个数组使用 ng-repeat="friendRequest in friendRequests" 在模板中迭代。同时，我想获取每个请求者的个人资料，以便在 ng-repeat 中的每个朋友请求中显示它。我是 Angular 新手，所以我无法弄清楚。

Answer 1

如果我没听错，那就很简单了：

<ul>
    <li ng-repeat="friendRequest in friendRequests">{{friendRequest.requester }}</li>
</ul>

在每次迭代中，范围将是您定义的对象（在本例中为 friendRequest），您可以像访问任何 javascript 对象一样访问其属性。

更新：

所以我知道您希望获取每个用户的配置文件并显示它，您需要做的是更改服务器响应以包含每个用户的配置文件，因此它看起来像这样：

    var friendRequests=[
      {
      id:"Xyz",
      requester:"person 1",
      profile: {name: 'user1 name' , avatar: 'http://some/url'}
      },
      {
      id:"Xyz2",
      requester:"person 2",
      profile: {name: 'user2 name', avatar: 'http://some/url'}
      }]

然后显示它：

     <ul>
        <li ng-repeat="friendRequest in friendRequests">
           <span>{{friendRequest.requester}}</span>
           <span>{{friendRequest.profile.name}}</span>
       </li>
    </ul>