多个 Observable 订阅

Ren*_*eni 5 reactive-programming observable rxjs angularfire2 angular

我需要多次订阅才能从我的 NoSQL 数据库中获取正确的数据。为了获取特定项目的用户列表,我这样做:

ngOnInit() {
    //Subscription 1 (Service): Get project data
    this.projectService.getCurrentproject().take(1).subscribe(projectData => {
        console.log('Got project data.');
        //Subscription 2: Get project user IDS
        this.af.database.list('/project_roles/'+projectData.$key)
            .subscribe((userMeta) => {
                });
            });
}
Run Code Online (Sandbox Code Playgroud)
  • 正如你所看到的,一个订阅,一个订阅,一个订阅。每个订阅都依赖于前一个 reslt。

  • 订阅 3 和 4 可以并行。

代码运行良好,但我是否遗漏了什么,或者我认为这是如何处理多个订阅,而前一个的结果取决于下一个?

更新:订阅 #2 似乎有问题。订阅尚未完成,但我开始遍历列表,这给了我一个双重用户列表!

Gau*_*jee 0

尝试这个。

ngOnInit() {
    this.projectService.getCurrentproject().take(1)
        .flatMap(projectData => {
            return this.af.database.list('/project_roles/'+projectData.$key)
        })
        .flatMap(userMeta => {
            let subs = userMeta.map(projectRole => {
                return Observable.zip([
                    this.af.database.object('/roles/'+projectRole.$value),
                    this.af.database.object('/users/'+projectRole.$key)
                ]).map(([roleData, user]) => {
                    user.role = roleData.$value;
                    return Observable.of(user)
                })
            });
            return Observable.zip(subs)
        })
        .subscribe(users => {
            this.users = users
        })
}
Run Code Online (Sandbox Code Playgroud)

基本上我正在编写订阅以获得一个发出用户数组的可观察值