超级会员免费看
angular 中实现路由复用—简单实例
感谢这位大神的文章，得以实现了路由复用网址
网上查阅了很多资料，终于运行出了一个实例，并做了精简，主要实现，路由跳转后，原来页面内容不变。
一、新建angular项目
1、进入cmd窗口,将当前路径设置为需要添加angular项目的路径
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mzYHj0dO-1644971767330)(C:\Users\17216\AppData\Roaming\Typora\typora-user-images\image-20220214103132237.png)]](https://i-blog.csdnimg.cn/blog_migrate/d277e29d0e77db7653504af9fc6a3722.png)
2、新建一个带有路由的项目，项目名为：routerDemo
使用VScode 打开新创建的项目。
二、实现简单的路由跳转页面
1、新建两个组件page1,page2
ng g component cangular 中实现路由复用—简单实例
最新推荐文章于 2022-06-16 15:00:27 发布
本文通过一个简单的实例介绍了如何在Angular项目中实现路由复用，避免页面跳转后内容被清空。首先新建angular项目routerDemo，创建page1和page2组件，然后编辑相关组件和路由配置。接着在app目录下创建SimpleReuseStrategy.ts，并在app.module.ts中注册该策略，最后修改app-routing.module.ts完成路由复用功能。
订阅专栏 解锁全文
7207
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
