它是用来实现SPA单页面应用的主要方法
路由表格-2.jpg
1.最简单的路由配置其中,HomeComponent和ProuductComponent是组件名。
再根模块添加属性
未标题-1.jpg
也可以在新建项目中使用命令
ng new router --routing
path下面配置的路由不能出现'/'
未标题-3.jpg
2.模板上面的占位符 <router-outlet></router-outlet>
占位符
3.routerLink模板中的跳转命令
必须在上面加上'/' 表示根路由,参数是一个数组
占位符
4.通过ts脚本进行页面跳转。调取navigate方法
(click)事件绑定 注意constructor为他的构造函数。需要在其中引入Router对象
未标题-5.png
5.配置通用路由(防止未定义的路由引起页面报错)使用通配符'**'
把他放在路由的最后面。不然其他页面加载不上。
未标题-6.png