rxjs6 ActivatedRoute订阅可观测到的

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('')));

}

其目的是根据激活路由中的更改显示/隐藏某些内容。

提前谢谢你！

Answer 1

您可以像任何正常的可观察到的那样订阅该路由，然后将您的逻辑放入订阅中。

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

....

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

文档