要解决Angular Material选项卡选择动画不起作用的问题,可以按照以下步骤进行:
MatTabsModule
和BrowserAnimationsModule
模块:import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatTabsModule } from '@angular/material/tabs';
@NgModule({
imports: [
BrowserAnimationsModule,
MatTabsModule
],
// ...
})
export class AppModule { }
[@.disabled]
绑定选项卡的动画状态。例如,在tabs.component.html文件中:
Content 1
Content 2
Content 3
fadeIn
, slideIn
, expand
等。例如:@import '@angular/material/prebuilt-themes/deeppurple-amber.css';
mat-tab-body-wrapper {
animation: fadeIn 0.5s;
}
请注意,这些步骤假设您已经正确安装了Angular Material,并且使用了Angular 7版本。如果您遇到其他问题,可以检查浏览器的开发者工具控制台,看是否有任何错误或警告信息。