Angular 5 Material Spinner 不工作

Question

Angular 5 Material Spinner 不工作

应用程序模块.ts

import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@NgModule({
  imports: [
    MatProgressSpinnerModule
  ]})

组件.ts

import { MatSpinner } from '@angular/material';

组件.html

<mat-spinner></mat-spinner>

我是否缺少任何配置？

在Reference ，它正在为 Spinner 生成一个 SVG 文件，但我在 mat-spinner 标签中看不到任何内容。

Answer 1

我尝试 fork 给出的 mat-spinner 示例并且效果很好。我能看到的唯一区别是您导入进度微调器模块而不是从特定路径导入它的方式，请执行以下操作:

  import { MatProgressSpinnerModule } from '@angular/material';

您不需要在组件中导入任何内容，因为 mat-spinner 扩展了 matprogressSpinner。

在相关的 html 中做你正在做的事情，即

<mat-spinner></mat-spinner>

你可以看看这个:https://stackblitz.com/angular/eymjpelkpro这可能会为您提供更多背景信息。