Angular 6.x Map 运算符对于具有 ActivatedRoute 的 Observable 不存在

2023-12-06

我最近遇到了一个问题,没有找到有关如何使其工作的提示。当我使用ActivatedRoute从我的路由获取数据时,角度无法编译并说Property 'map' does not exist on type 'Observable<Data>'.

我尝试了一切,例如:

import { map } from "rxjs/operators";
import 'rxjs/operators';

or even

import 'rxjs/add/operator/map'; 

但错误仍然存​​在。

这是我的路线路径:

{
    path: 'home', component: HomeComponent, data: { title: "Accueil" }
},
{
    path:'projets', component: ProjectsComponent, data: { title: "Projets"}
}

和组件代码:

constructor(private breakpointObserver: BreakpointObserver, private route: ActivatedRoute) {
}
ngOnInit() {
    this.route.data.map( data => data.title).subscribe(title => console.log(title));
}

您知道现在需要什么吗?在升级到 Angular 6 之前它可以工作。

预先感谢您的回答:)


Angular 6.x 使用rxjs 6.x。在rxjs6.x中,你需要链接其他可管道操作符 in Observable's pipe操作员。

this.route.data
          .pipe(
             map( data => data.title)
            )
          .subscribe(title => console.log(title));
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 6.x Map 运算符对于具有 ActivatedRoute 的 Observable 不存在 的相关文章

随机推荐