在Angular 6及更高版本中,Angular Material绑定必须被强制执行。这是通过在app.module.ts文件中导入BrowserAnimationsModule和NoopAnimationsModule来实现的。
示例代码如下:
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
imports: [
// 强制执行动画
BrowserAnimationsModule,
// 或者不执行动画
NoopAnimationsModule,
// 其他导入模块
...
],
...
})
export class AppModule { }
这里有两个选项可供选择:
BrowserAnimationsModule:这个模块将启用浏览器动画支持,包括Angular Material中的动画效果。它需要在应用程序中安装@angular/animations库。
NoopAnimationsModule:这个模块将禁用浏览器动画支持,不会执行任何动画效果。它不需要安装任何其他库。
根据你的需求,选择其中一个模块导入到你的app.module.ts文件中即可。