角度材料进度条不起作用 - 产生虚线

lin*_*ino 2 progress-bar angular-material angular

我正在尝试在 Angular 中创建一个联系表单,并且我希望在用户单击提交时使用 Angular Material 显示一个不确定的进度条。

我按照官方 Angular Material 网站 ( https://material.angular.io/components/progress-bar/overview )上提到的步骤进行操作。但是,当我将它包含在我的 Web 应用程序中时,进度条只会显示为虚线。

显示问题的 PFB 屏幕截图:

[界面截图1

代码片段:

VS 代码截图

任何人都可以请教为什么 Angular-Material 进度条会这样,以及可能的解决方案吗?

lin*_*ino 8

解决了!我错过了在根 css 文件中包含预建主题的机会。

添加@import "~@angular/material/prebuilt-themes/indigo-pink.css";style.css 解决了问题,进度条开始按预期工作。

  • 要让进度条适用于自定义主题,您必须将其 @include 到您的全局 scss 文件中:`@include mat-progress-bar-theme($app-theme);` (3认同)