1. 首页
  2. 编程语言
  3. Javascript
  4. Angular2学习笔记——详解路由器模型(Router)

Angular2学习笔记——详解路由器模型(Router)

上传者: 2021-11-09 18:36:38上传 PDF文件 441.20 KB 热度 22次

根据上图的状态树,我们可以看出MessageCmp与ConversationCmp对应的路由状态。与此同时一个被称为激活路由的对象将被创建,并可以在MessageCmp访问到,通过ActivatedRoute我们可以拿到它的routerState属性,通过路由状态我们可以拿到具体参数如id对应的44。哨兵的作用是判断是否允许应用在不同状态间进行切换,比如:如果用户没有登陆就不允许进入Message页面。哨兵可以用来判断是否允许进入本路由状态,是否允许离开本路由状态。下例中的CanActivate用来判断是否允许进入,这个服务类需要继承CanActivate接口。Angular2的路由器允许我们在进入组件中拿到除当前路由参数之外的其他信息。在路由配置中使用resolve属性指定一个数据分发器。此时路由器根据路由状态来实例化组件并把他们放到合适的路由组出发点上。

下载地址
用户评论