rxjs6 ActivatedRoute订阅了observable

时间:2018-05-17 14:17:16

标签: angular rxjs6

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

}

意图是根据激活路线的变化显示/隐藏某些内容。

提前谢谢!

1 个答案:

答案 0 :(得分:1)

您可以像任何普通的observable一样订阅路线,然后将您的逻辑放在订阅中。

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

....

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

Docs