要解决Angular 2中使用ngx-quicklink进行懒加载不起作用的问题,可以尝试以下步骤:
npm install ngx-quicklink --save
import { QuicklinkModule } from 'ngx-quicklink';
@NgModule({
imports: [
QuicklinkModule,
// 其他模块导入
],
// ...
})
export class LazyLoadedModule { }
loadChildren
属性,并将preloadingStrategy
设置为QuicklinkStrategy
:import { RouterModule, Routes, PreloadAllModules } from '@angular/router';
import { QuicklinkStrategy } from 'ngx-quicklink';
const routes: Routes = [
{
path: 'lazy',
loadChildren: () => import('./lazy/lazy.module').then(m => m.LazyModule)
},
// 其他路由配置
];
@NgModule({
imports: [
RouterModule.forRoot(routes, {
preloadingStrategy: QuicklinkStrategy // 使用QuicklinkStrategy进行预加载
// 其他配置
})
],
exports: [RouterModule]
})
export class AppRoutingModule { }
QuicklinkModule
:import { QuicklinkModule } from 'ngx-quicklink';
@NgModule({
imports: [
QuicklinkModule,
// 其他模块导入
],
// ...
})
export class AppModule { }
通过以上步骤,Angular 2中使用ngx-quicklink进行懒加载应该会起作用。确保路由配置和模块导入正确,并使用了正确的预加载策略。
上一篇:Angular2设置样式属性
下一篇:Angular2数据表格列过滤