Javascript Github API-在Angular2中获取跟随者的跟随者_Javascript_Json_Api_Angular

Javascript Github API-在Angular2中获取跟随者的跟随者

javascript json api angular

Javascript Github API-在Angular2中获取跟随者的跟随者,javascript,json,api,angular,Javascript,Json,Api,Angular,如何显示跟随者的跟随者计数我现在设置的内容：要在其中输入Github用户名的字段（输入），单击按钮时，用户的所有追随者将在下面列出。关注者用户名和关注者ID已经显示，但我也想显示关注者拥有的关注者数量为了更好地了解我所寻找的内容，请参见图片： github-profile.component.ts 从'angular2/core'导入{Component}；从'angular2/HTTP'导入{HTTP_提供者}；从“rxjs/Observable”导入{Observable}；导

如何显示跟随者的跟随者计数

我现在设置的内容：要在其中输入Github用户名的字段（输入），单击按钮时，用户的所有追随者将在下面列出。关注者用户名和关注者ID已经显示，但我也想显示关注者拥有的关注者数量

为了更好地了解我所寻找的内容，请参见图片：

github-profile.component.ts

从'angular2/core'导入{Component}；
从'angular2/HTTP'导入{HTTP_提供者}；
从“rxjs/Observable”导入{Observable}；
导入“rxjs/add/observable/forkJoin”；
从“./github.service”导入{GitHubService}；
@组成部分({
选择器：“github配置文件”，
风格：[
`
/*无检查CssInvalidPropertyValue*/.化身{
宽度：100；
身高：100；
边界半径：100%；
}
`
],
模板：`
跟随器查找器
用户名是必需的。
名字至少应包含3个字符。
搜寻\
清楚的
@{{user.login}又名{{user.name}
追随者
用户ID:{{follower.ID}
追随者：在此处显示追随者的追随者
`,
提供者：[HTTP_提供者，GitHubService]
})
导出类GitubProfileComponent{
inputusr：字符串；
isVisible=false；
isLoading=false；
用户名：字符串；
用户={}；
追随者={}；
构造函数（私有的_gitHubService:gitHubService）{
}
ClearResults（$event）{
this.isVisible=false；
this.inputusr=“”；
}
OnClick（$event）{
this.isLoading=true；
this.username=this.inputusr；
可观察的分叉连接(
this.\u gitHubService.getUser（this.username），
this.\u gitHubService.getFollowers（this.username）
)
.订阅(
res=>{
this.user=res[0]；
this.followers=res[1]；
},
无效的
（）=>{this.isLoading=false；this.isVisible=true；}）
}
}

响应中有一个名为“followers”的键，这正是您所需要的

如果你想了解用户每个追随者的基本细节，可以使用下面的方法

URL基本上返回一个对象数组，每个对象表示一个跟随者

响应中返回的条目数有30个上限

解决方法

因此，基本上为了获取更多用户，我们可以在url中附加一个查询字符串参数

？page=1

，

？page=2

，依此类推

检查响应，直到数组长度=0；这将给你的追随者存在的最后一页

然后计算最后一页中的关注者数量

我有340名追随者

因此，的响应将是长度为0的数组

然后发送一个请求，该请求将返回长度为10的数组

追随者数量：（30*11）+（10*1）=340

响应中有一个名为“追随者”的键，这正是您所需要的