Question

让我们考虑一下我有一个数组：

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

此数组使用在friendRequests＆＃34; 中的 ng-repeat =＆＃34; friendRequest在模板中进行迭代。同时我想获取每个请求者的个人资料，以便在 ng-repeat 中的每个朋友请求中显示它。我是棱角分明的，所以我无法理解这一点。

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>

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

1 个答案: