angular 中实现路由复用—简单实例

angular 中实现路由复用—简单实例

感谢这位大神的文章,得以实现了路由复用网址
网上查阅了很多资料,终于运行出了一个实例,并做了精简,主要实现,路由跳转后,原来页面内容不变。

一、新建angular项目

1、进入cmd窗口,将当前路径设置为需要添加angular项目的路径

angular 中实现路由复用—简单实例_第1张图片

2、新建一个带有路由的项目,项目名为:routerDemo

angular 中实现路由复用—简单实例_第2张图片

使用VScode 打开新创建的项目。

二、实现简单的路由跳转页面

1、新建两个组件page1,page2

ng g component components/page1
ng g c

你可能感兴趣的:(angular,angular.js,typescript)