AngularBrowserAnimationsModule懒加载
-
首先需要安装 @angular/router 和 @angular/material 两个模块。
-
在 app.module.ts 中引入 BrowserAnimationsModule 和 RouterModule：
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { RouterModule } from '@angular/router';
@NgModule({ imports: [ BrowserAnimationsModule, RouterModule.forRoot(routes), // other modules ], // other configurations })
- 使用 loadChildren 属性来定义懒加载的模块：
const routes: Routes = [ { path: 'lazy', loadChildren: './lazy/lazy.module#LazyModule' }, // other routes ];
这里的 './lazy/lazy.module#LazyModule' 是指懒加载的模块路径，# 后面的 LazyModule 是模块的名称。
- 在懒加载的模块中引入需要使用的 Material 组件：
import { MatInputModule } from '@angular/material/input';
@NgModule({ imports: [ CommonModule, MatInputModule, // other modules ], // other configurations })
这里以 MatInputModule 为例，其他 Material 组件的引入方式相同。
- 在需要使用 Material 组件的组件中使用：
这里以 MatFormField 和 MatInput 为例，其他 Material 组件的使用方式相同。