angular-----Activated路由

 ActivatedRoute,当前**路由对象,主要用于保存路由,获取路由传递的参数。 

一:传递参数的三种方式,以及ActivatedRoute获取他们的方式:

1.在查询参数中传递数据:

  •  
  • angular-----Activated路由

 

angular-----Activated路由

angular-----Activated路由

3.在路由配置中传递数据:

angular-----Activated路由


二:ActivatedRoute接收参数类型

     1.参数快照(snapshot):

angular-----Activated路由

     2.参数订阅(subscribe):

angular-----Activated路由

     这两种方式主要区别是由于nginit在页面第一次加载时会进行初始化,但是第二次不会走nginit的方法,如果同一个页面显示两次,传递不同的参数,快照版式无法实时获取新的参数,如图所示:

 
angular-----Activated路由
但是参数订阅却可以实时获取参数值: 
angular-----Activated路由

 

本文转载自:https://blog.****.net/changyinling520/article/details/77856933