md-spinner 停止在 angular2 材料 alpha.10 中工作

Question

我让 md-spinner 使用 angular2-material alpha.8-2。我安装了@angular/material alpha.10，并更新了我的导入：

之前

import { MdCardModule } from '@angular2-material/card';
import { MdToolbarModule } from '@angular2-material/toolbar';
import { MdProgressCircleModule } from '@angular2-material/progress-circle';

之后

import { MdCardModule, MdToolbarModule, MdProgressCircleModule } from '@angular/material';

但是我的 md-spinner 进度圈已经看不见了。如果我在 Chrome 中检查一个，我会看到一个空白的 svg 旋转，但没有绘制/渲染。恢复到 md-progress-circle 也无济于事。

<md-spinner></md-spinner>
<md-progress-circle mode="indeterminate"></md-progress-circle>

我还需要做些什么来让 md-spinner 正常工作吗？

Answer 1

在你的 index.html 中添加角材料样式表

<link href="node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">

工作 md-spinner here

Answer 2

我遇到了同样的问题，但这对我有用。 这是导入材料模块的一种更短的方法。而不是一次导入一个：

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

之前：

<md-progress-spinner><md-spinner mode="indeterminate"></md-spinner></md-progress-spinner>

之后：

<md-spinner mode="indeterminate"></md-spinner>