activatedroute - router navigate angular 5

Angular 6 router.events.filter ''filtro'' no existe en el tipo ''Observable<Event>''

Question

He terminado de actualizar mi aplicación a Angular 6 (estaba en la versión 5.2).

Tengo una sintaxis de error en:

import { Router, ActivatedRoute, NavigationEnd } from ''@angular/router'';
import { filter } from ''rxjs/operators'';
...
constructor(private router: Router) {}

this.router.events.filter
      (event => event instanceof NavigationEnd).subscribe((res) => 
    {
      // DO something
    });

error TS2339: La propiedad ''filtro'' no existe en el tipo ''Observable''.

¿Cuál es la sintaxis correcta en Angular 6?

Gracias

Answer 1

Esta es la forma de filtrar eventos de enrutador con Angular 6+ y el último RxJS:

import { Component, OnInit } from ''@angular/core'';
import { Router, ActivatedRoute, NavigationEnd } from ''@angular/router'';

import { filter } from ''rxjs/operators'';

export class MyComponent implements OnInit {
    constructor(private router: Router, private activatedRoute: ActivatedRoute) {}

    ngOnInit() {
        this.router.events.pipe(
            filter(event => event instanceof NavigationEnd)
        ).subscribe(() => {
            console.log(this.activatedRoute.root);
        });
    }
}

Utiliza el operador de pipe lugar de intentar un filtro de cadena en lo observable.

Answer 2

No veo en tu código si importaste filtro

para Rxjs 6:

import { filter } from ''rxjs/operators'';

    .
    .
    .

     this.router.events.pipe(
       filter((event:Event) => event instanceof NavigationEnd)
     ).subscribe(res => console.log(res))