zoukankan      html  css  js  c++  java
  • Angular路由使用

    一. 路由:根据不同URL地址,动态让根组件挂载其他组件来实现单页面应用,相对地址

    1. 项目一开始创建就会询问是否添加路由(Angular routing)

    2. 有无路由区别{

    1. 多了一个routing的ts文件(配置路由的ts文件)

    2. 在app中module中引入路由并配置

    3. app的html中多一句:<router-outlet></router-outlet>(根据路径配置挂载不同组件)

    }

    3. 配置路由ts文件:在routers中写键值对,例:path:’/路径字符串’,component:组件类名

    4. 当找不到的路径,加载默认组件或跳转地址:path:’**’,redirectTo:’/跳转地址’

    5. ActivatedRoute中snapshot.paraMap.get(‘url中的值’):获取路由要跳转链接中的参数

    6. Router中navigateByUrl:设置跳转路径和event.subscribe:订阅路由事件,例:NavigationEnd为导航结束事件

    作者:dlm17
    本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
  • 相关阅读:
    007 多元线性回归
    006 一元线性回归
    013 调整数组顺序使奇数位于偶数前面
    012 数值的整数次方
    011 二进制中1的个数
    010 矩形覆盖
    009 变态跳台阶
    008 调台阶
    007 斐波那契数列
    005 回归分析
  • 原文地址:https://www.cnblogs.com/dlm17/p/12345363.html
Copyright © 2011-2022 走看看