Question

我正在尝试检索用户的所有Facebook可标记朋友。由于Facebook一次只能回复25位朋友。我想添加一个按钮来加载下一个用户列表

（我知道我可以增加限制。但是每个请求25个就足够了，因为它会降低用户的带宽并加快网站速度）。

facebook API在“（光标）”之前返回“，”（光标）和“下一步”（访问令牌）但我无法理解如何使用按钮中的那些来检索下一个列表朋友们

我正在使用ngx - facebook插件Combine function

我使用此功能检索数据

 public friends() {

    this.fb.api('/me/taggable_friends?fields=name,picture.type(large)')
      .then((res: any) => {
       console.log('Got the users profile', res);
        this.fbfriends = res.data;

      })
      .catch(this.handleError);

  }

facebook返回 25个用户数据的数组，在游标之后，之前光标＆amp; next = “https://www.npmjs.com/package/ng2-facebook-sdk

网页上显示用户数据阵列的代码

  <div class="card-group">
  <div class="col-5"  *ngFor="let user of fbfriends">
    <div class="card">
      <img class="card-img-top" src="{{ user.picture.data.url}}">
      <h5 class="card-title">{{ user.name }}</h5>
    </div>
  </div>
</div>

Answer 1

我自己解决了问题。你需要做的就是获得一个字符串＆amp;的facebook api路径。替换这部分

/me/taggable_friends?fields=name,picture.type（大）

fbnext = "https://graph.facebook.com/v2.9/10203919785370453/taggable_friends?access_token=xxxxxxxxxxxxxxxxx" 

     public friends() {

        this.fb.api(fbnext)
          .then((res: any) => {
           console.log('Got the users profile', res);
            this.fbfriends = res.data;

          })
          .catch(this.handleError);

      }

Angular检索所有facebook可标记的朋友

1 个答案: