angular - Angular Material Stepper 图标未按应显示的方式显示 - 气泡、线条和当前阶段

Question

我在我的应用程序中实现 Angular Material Stepper 时遇到问题。一般功能似乎工作正常，验证，在所有字段都完成和表单的一般外观之前不让用户前进。

然而，步进文本、气泡、突出显示的阶段和阶段之间的垂直线未按应有的方式显示（见图）。

它现在的样子...

应该怎么看...

• 我已阅读有关在 scss 文件中使用 ::ng-deep 的信息，但我收到“验证 css 4.0 - ng-deep 不是有效的伪元素”的错误。

• 我也放在<link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet">了 index.html 的头部，但这似乎没有帮助。

• 我已经在我的 component.module.ts 中导入了 MatStepperModule、FormsModule、ReactiveFormsModule 和 MatIconModule，并且在我的 app.module.ts 中有 BrowserAnimationsModule 以及全部在 imports[]

广泛的问题，但有什么我可能会遗漏的吗？

标签： angularangular-materialangular-material-stepper