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中添加angular materal样式表

<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>

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

2 个答案: