mat-raised-button中的文本在mat-toolbar中是不可见的

Question

这个简单的代码：

<mat-toolbar color="primary">
    <button mat-raised-button>Basic</button>
</mat-toolbar>
<button mat-raised-button>Basic</button>

给我这个结果：screenshot

它似乎是一个知道的bug：https://github.com/angular/material2/issues/4614

我需要一个干净的解决方法，有人可以帮助我吗？谢谢。

Answer 1

我在/style.scss中写了我的主题。我为主调色板选择的颜色会影响错误的可重现性。

例如，这不起作用：

$candy-app-primary: mat-palette($mat-indigo);
$candy-app-accent:  mat-palette($mat-pink, A200, A100, A400);

// The warn palette is optional (defaults to red).
$candy-app-warn:    mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

但这有效：

$candy-app-primary: mat-palette($mat-green);
$candy-app-accent:  mat-palette($mat-pink, A200, A100, A400);

// The warn palette is optional (defaults to red).
$candy-app-warn:    mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

我刚刚将$ mat-indigo更改为$ mat-green，现在我的文字显示为screenshot

这是怎么回事 ？