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

Question

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

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

显示问题的 PFB 屏幕截图：

[1

代码片段：

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

Answer 1

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

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