欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

3-1 路由_路由对象

程序员文章站 2022-07-02 17:06:19
1. 路由五种对象: Routes:路由配置,保存这哪个url对应展示哪个组件,以及在哪个RouterOutlet中展示组件 RouterOutlet:在html中标记路由内容呈现位置的占位符指令 Router:负责在运行时执行路由的对 ......

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(用在控制器中) :可以组成一个跳转。