Question

我正在使用角形材料版本7和角形版本7 在我更改为自定义主题之后似乎所有作品都接受了动画垫进度条停止了应有的运动

这是我的进度栏

<mat-progress-bar mode="indeterminate"></mat-progress-bar>

这是自定义主题

$my-primary: (
  50: #34495e,
  100: #34495e,
  200: #34495e,
  300: #34495e,
  400: #34495e,
  500: #34495e,
  600: #34495e,
  700: #34495e,
  800: #34495e,
  900: #34495e,
  A100: #34495e,
  A200: #34495e,
  A400: #34495e,
  A700: #34495e,
  contrast: (
    50: white,
    100: white,
    200: white,
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: white,
    A200: white,
    A400: white,
    A700: white
  )
);

$my-secondary: (
 // like above
);
// custom theme
@include mat-core();
$app-primary: mat-palette($my-primary);
$app-accent: mat-palette($my-secondary);
$app-warn: mat-palette($mat-red);
$app-theme: mat-light-theme($app-primary, $app-accent, $app-warn);
@include angular-material-theme($app-theme);

Answer 1

您可以粘贴模块的导入内容吗？确保已导入BrowserAnimationsModule。

还要检查是否未导入NoopAnimationsModule。

Answer 2

我解决了。我将原色50100200300400更改为较浅的颜色

使用自定义主题后，角度材质动画不起作用

2 个答案: