テキストはマット・ツールバー内の見えない

Question

この単純なコード：https://github.com/angular/material2/issues/4614

： screenshot

それが既知のバグのようです：

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

が私にこの結果を与えます

私は誰かが私を助けることができる、きれいな回避策が必要ですか？おかげさまで

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

私はちょうど$マット・グリーンに$マット・藍を変更し、今、私のテキストが表示 ある

exempleについては、これは著作ありませんscreenshot

何が起こっているのですか？