angular实现自定义模块路由懒加载;配置自定义模块路由及子路由

图片中绿色表示新建的文件;黄色表示被更改的文件;

1、创建一个新的项目

ng new angularlazyload

2、创建一个用户模块,并配置路由

ng g module module/user --routing

如图:
在这里插入图片描述

3 、在module/模块下创建user组件

ng g component module/user

如图:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c5Qbqdl2-1687604549321)(./images/image-20230624132630899.png)]

4、实现路由懒加载

依次修改下列几个文件:

在这里插入图片描述

#1 user-routing.module.ts

猜你喜欢

转载自blog.csdn.net/qq_39962271/article/details/131365225
今日推荐