angualr2 从订阅返回 observable

Question

让我们看一下这个例子。我正在尝试返回一个可观察的值 从订阅，但不知何故我得到空值。 这是我的问题的划痕：

this.userService.getAll().subscribe((userCollection) => {

        userCollection.data.forEach((user) => {

            let data = {
                id: user.id
                domainName: this.userService.getDomain(user.id).subscribe(
                    (domain) => {
                        console.log(domain.name); // I can see this in console
                        return Observable.of(domain.name);
                    }
                )
            };

            this.array.push(data);
        });
 });

模板：
<div *ngFor="let values of array|async"> {{ values.id }} {{ values.domainName }} //empty </div>

有人可以帮忙吗？我做得对吗？

Answer 1

您应该使用map() 而不是subscribe()。

subscribe 绑定一个处理程序并返回一个subscription 对象，您可以稍后将其用于unsubscribe()。

domainName: this.userService.getDomain(user.id).map(
                (domain) => {
                    console.log(domain.name); // I can see this in console
                    return domain.name;
                }
            )

另外，您不需要返回 Observable，映射返回一个 observable。