Оператор карты Angular 6.x не существует для Observable <Data>с ActivatedRoute

Question

У меня недавно была проблема, и я не нашел советов, как заставить ее работать.Когда я использую ActivatedRoute для получения данных из моих маршрутов, angular не скомпилировался и сказал Property 'map' does not exist on type 'Observable<Data>'.

Я пробовал все как:

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

или даже

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.

Заранее спасибо за ответ:)

Answer 1

Angular 6.x использует rxjs 6.x.В rxjs6.x вам нужно связать другие конвейерные операторы в Observable * pipe.

this.route.data
          .pipe(
             map( data => data.title)
            )
          .subscribe(title => console.log(title));