angular - 使用 mergeMap 和 forkJoin 时随机订阅流

Question

订阅在 userId 更改时随机运行。有时会，有时我不会。 userId 变量来自下拉选择器(选择库)。

即使 userId 是唯一发生变化的流，也不应该始终运行订阅吗？

有什么明显的我正在破坏或做错的事情吗？

this.singleUserControl.valueChanges
    .mergeMap((userId: number) => {
        this.router.navigate([ '/r', 'company-admin', 'user-claims', userId.toString() ]);
        this.userRoles = [];
        this.claims = [];
        const userRolesObserv: Observable<Array<RoleWithClaims>> =
            this.claimsService.getUserRoles(userId)
                .mergeMap((roles: Array<Role>) => {
                    const roleObservables = [];

                    for (const role of roles) {
                        roleObservables.push(this.claimsService.getClaimsForRole(role.id)
                            .mapTo(claims => ({
                                role: role,
                                claims: claims,
                            } as RoleWithClaims)));
                    }

                    return forkJoin(roleObservables);
                });

        return forkJoin([
            Observable.of(userId),
            userRolesObserv,
            this.claimsService.getAllClaimsForUser(userId),
        ]);
    })
    .subscribe((data: [ number, Array<RoleWithClaims>, Array<Claim>]) => {
        this.userSelectedId = data[0];
        this.userRoles = data[1]
        this.claims = data[2];
    }, (error) => {
        console.log(error);
    });

Answer 1

尝试这样做:

return (roleObservables.length) ? forkJoin(roleObservables) : Observable.of([]);

forkJoin 不会发出空数组，因此在此代码中，订阅不会针对没有关联 Angular 色的任何用户 ID 执行。

在我所有的 rx 项目中，我都有一个实用函数:

emptyJoin(obs: Observable<any>[]): Observable<any[]> => (obs.length) ? forkJoin(obs) : Observable.of([]);