3-1 路由_路由对象

2019-04-30 23:39:22来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

1. 路由五种对象:

  Routes:路由配置,保存这哪个url对应展示哪个组件,以及在哪个RouterOutlet中展示组件

  RouterOutlet:在html中标记路由内容呈现位置的占位符指令 <router-outlet></router-outlet>

  Router:负责在运行时执行路由的对象,可以通过调用其navigate()和navigateByUrl()方法来导航到一个指定的路由。

  RouterLink:在Html中声明路由导航用的指令

  ActivatedRoute:当前激活的路由对象,保存着当前路由信息,如路由地址,路由参数等。

2. 五种路由对象的位置

  模块
    -- Router
    -- 组件
      -- 模板
        -- RouterOutlet
        -- RouteLink
      -- 控制器
        -- Router
        -- ActivatedRoute

3. 组合跳转方式

  1、Routes + RouterOutlet + RouterLink(用在html模板A标签中) :可以组成一个跳转。

  2、Routes + RouterOutlet + Router(用在控制器中) :可以组成一个跳转。


原文链接:https://www.cnblogs.com/cyei/p/10794471.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css

下一篇:css 颜色渐变 兼容性