路由是 Angular 应用程序的核心，它加载与所请求路由相关联的组件，以及获取特定路由的相关数据。这允许我们通过控制不同的路由，获取不同的数据，从而渲染不同的页面。
angular监听路由变化的方法：
Angular路由配置非常简单，但是路由通过Observables使用起来也非常强大。我们可以在根组件中全局监听路由的变化:
ngOnInit() {
this.router.events
.subscribe((event) => {
// example: Na<div style="color:transparent">来源gaodai.ma#com搞##代!^码网</div>vigationStart, RoutesRecognized, NavigationEnd
console.log(event);
});
}
router.events()
router.events()是一个observable对象，我们可以通过订阅它来获取路由变化的相关信息
evnets提供了以上诸多类型的事件，方便我们根据事件的类型进行过滤
constructor(private ref: ChangeDetectorRef, private router: Router) {}ngOnInit() {
this.routerEventsListener = this.router.events
.filter(event => event instanceof NavigationEnd) //根据事件的类型进行过滤
.subscribe((event) => {
// your operation
this.ref.detectChanges(); //我的操作
});}
大家一定要注意保护自己的操作，因为router.events是全局的，所以在组件内使用时，最好在ngOndestory()中unsubscribe
ngOnDestroy() {
this.routerEventsListener.unsubscribe();
}
以上就是angular2如何监听路由变化？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：angular2如何监听路由变化？
转载请注明原文链接：angular2如何监听路由变化？
