rxjs6 ActivatedRoute 订阅 observable

Question

在 app.component 我需要根据 ActivatedRoute 执行操作。使用：Angular6、rxjs6（使用新语法）

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

....

constructor (private route:ActivatedRoute){
  const url: Observable<string> =route.url.pipe(map(segments=>segments.join('')));

}

目的是 show/hide 一些基于激活路线变化的东西。

提前致谢！

Answer 1

您可以像任何普通的可观察对象一样订阅路由，然后将您的逻辑放入订阅中。

import { Router } from '@angular/router';

....

constructor (private router: Router) {
  this.router.events.subscribe((event) => {
      console.log(event);
  });
}

Docs

rxjs6 ActivatedRoute 订阅 observable

rxjs6 ActivatedRoute subscribe to observable

angular

rxjs6