Фильтр Angular 6 router.events.filter не существует для типа «Наблюдаемый <Event>» - PullRequest
Новая
       6

Фильтр Angular 6 router.events.filter не существует для типа «Наблюдаемый <Event>»

0 голосов
/ 15 мая 2018

Я завершил обновление моего приложения до Angular 6 (оно было в версии 5.2).

Я получил синтаксис ошибки в: 

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
    });

Ошибка TS2339: свойство«filter» не существует для типа «Observable».

Каков правильный синтаксис в Angular 6?

спасибо

Ответы [ 2 ]

0 голосов
/ 15 мая 2018

Я не вижу в вашем коде, если вы импортировали фильтр

для Rxjs 6: 

import { filter } from 'rxjs/operators';

    .
    .
    .

     this.router.events.pipe(
       filter((event:Event) => event instanceof NavigationEnd)
     ).subscribe(res => console.log(res))
0 голосов
/ 15 мая 2018

Вот как фильтровать события маршрутизатора с Angular 6+ и последним 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);
        });
    }
}

Использует оператор pipe вместо попытки связать фильтр с наблюдаемым.

...