当前位置:  开发笔记 > 编程语言 > 正文

Angular2观察路线变化

如何解决《Angular2观察路线变化》经验,为你挑选了3个好方法。

在Angular 的最终版本中(例如Angular 2/4),您可以这样做

this.router.events.subscribe((event) => {
    if(event.url) {
        console.log(event.url);
    }
});

每次路线改变时,eventsObservable都会有信息.点击此处查看文档.



1> Hinrich..:

在Angular 的最终版本中(例如Angular 2/4),您可以这样做

this.router.events.subscribe((event) => {
    if(event.url) {
        console.log(event.url);
    }
});

每次路线改变时,eventsObservable都会有信息.点击此处查看文档.


属性url在类型事件上不存在.
这样做了!请注意路由器元素是路由器的一个实例:你应该从'@ angular/router'执行```import {Router};```和```constructor(private router:Router){}```.

2> Dimpu Aravin..:

如果你正在使用

"@angular/router": "3.0.0-alpha.7", 
"@angular/router-deprecated": "2.0.0-rc.2",

然后

this.router.events.subscribe((event) => {
      console.log('route changed');
});



3> 小智..:

这是我在我的应用程序中使用的内容.您可以订阅Route实例以跟踪更改.

class MyClass {
  constructor(private router: Router) {
    router.subscribe((val) => /*detect changes*/)
  }
}


@ulydev请你提供plnkr或工作代码这个routerChange检测我无法得到你如何使用你的代码.
推荐阅读
依然-狠幸福
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有