在新项目中:
1,新建项目
1.1:ng g demo--routing (带路由的项目),然后新建几个组件,用于后面路由页面跳转,
ng g c components/home,新建完后的 项目目录如下:

2,配置路由
2.1过程: 导入---配置----结构书写。
在app-routing模块中 引入路由切换的不同组件

2.2配置路由切换:

2.3 app html页面结构书写
在使用的时候,a标签不使用href属性 ,改为routerLink。

在新项目中:
1,新建项目
1.1:ng g demo--routing (带路由的项目),然后新建几个组件,用于后面路由页面跳转,
ng g c components/home,新建完后的 项目目录如下:
2,配置路由
2.1过程: 导入---配置----结构书写。
在app-routing模块中 引入路由切换的不同组件
2.2配置路由切换:
本文标题:angular配置路由(一)
本文链接:https://www.haomeiwen.com/subject/zmyngftx.html
网友评论