angular配置路由实现模块懒加载

最新推荐文章于 2022-05-11 15:49:47 发布

apr_su

最新推荐文章于 2022-05-11 15:49:47 发布

阅读量751

点赞数

分类专栏： Angular

本文链接：https://blog.csdn.net/LT_Future/article/details/94358787

版权

本文介绍了如何在 Angular 中配置路由以实现模块的懒加载。首先，创建了一个带路由配置文件的模块，并创建了模块的根组件。接着，添加了其他组件，并配置了子模块的路由，包括在 user-routing.module.ts 和 product-routing.module.ts 中的设置。此外，还详细讲解了在 product.component.html 中的使用和在 app-routing.module.ts 中配置的父子路由。

摘要由CSDN通过智能技术生成

创建带路由配置文件的模块

ng g module module/user --routing
ng g module module/article --routing
ng g module module/product --routing

创建模块的根组件

ng g component module/user
ng g component module/article
ng g component module/product

添加其他组件

ng g component module/user/components/profile
ng g component module/product/components/plist
ng g component module/product/components/pinfo

配置子模块的路由
user-routing.module.ts

//1.引入需要设置的组件

最低0.47元/天解锁文章

apr_su

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
6
评论
angular配置路由实现模块懒加载

import { NgModule } from '@angular/core';import { Routes, RouterModule } from '@angular/router';import { UserComponent } from './user.component';import { ProfileComponent } from './components/pro...
复制链接

扫一扫

专栏目录