试图了解 loadChildren 的使用
Trying to understand the use of loadChildren
我正在浏览页面 https://angular.io/api/router/Routes 上的文档,在那里我找到了一个关键字 "loadChildren"。
我觉得很难理解。
非常感谢任何帮助!!!
在angular中我们有一个延迟加载的概念
一般来说: 我们将在根模块中导入和声明组件(即 app.module.ts),我们将在根路由文件中设置路径,如下所述
const routes: Routes = [
{ path: "", component: AboutComponent},];
此处应用程序模块中加载的所有组件将在浏览器初始加载时自行下载,这会影响性能和初始加载时间
延迟加载: 我们将只加载路由文件中子模块的子模块,因此只有在请求路径时才会加载模块中存在的组件。
const routes: Routes = [
{
path: "",
component: HomeComponent
},
{
path: "about",
loadChildren: "../app/about/about.module#AboutModule"
},
{
path: "service",
loadChildren: "../app/service/service.module#ServiceModule"
}
];
在上面的代码中,仅当用户在浏览器中加载路径 about 时才会下载 about 组件。
我正在浏览页面 https://angular.io/api/router/Routes 上的文档,在那里我找到了一个关键字 "loadChildren"。
我觉得很难理解。
非常感谢任何帮助!!!
在angular中我们有一个延迟加载的概念
一般来说: 我们将在根模块中导入和声明组件(即 app.module.ts),我们将在根路由文件中设置路径,如下所述
const routes: Routes = [
{ path: "", component: AboutComponent},];
此处应用程序模块中加载的所有组件将在浏览器初始加载时自行下载,这会影响性能和初始加载时间
延迟加载: 我们将只加载路由文件中子模块的子模块,因此只有在请求路径时才会加载模块中存在的组件。
const routes: Routes = [
{
path: "",
component: HomeComponent
},
{
path: "about",
loadChildren: "../app/about/about.module#AboutModule"
},
{
path: "service",
loadChildren: "../app/service/service.module#ServiceModule"
}
];
在上面的代码中,仅当用户在浏览器中加载路径 about 时才会下载 about 组件。