Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular mat提升按钮中的文本在mat工具栏中不可见_Angular_Angular Material2 - Fatal编程技术网

Angular mat提升按钮中的文本在mat工具栏中不可见

Angular mat提升按钮中的文本在mat工具栏中不可见,angular,angular-material2,Angular,Angular Material2,这个简单的代码: <mat-toolbar color="primary"> <button mat-raised-button>Basic</button> </mat-toolbar> <button mat-raised-button>Basic</button> 基本的 基本的 给我这个结果: 这似乎是一个已知的bug: 我需要一个干净的工作环境,有人能帮我吗? 谢谢。我在/style.scss中写了我

这个简单的代码:

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

基本的
基本的
给我这个结果:

这似乎是一个已知的bug:

我需要一个干净的工作环境,有人能帮我吗?
谢谢。

我在/style.scss中写了我的主题。 我为主要调色板选择的颜色会影响bug的可复制性

例如,这不起作用:

$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,现在我的文本可见


发生了什么事?

这是一个众所周知的问题。您希望工具栏内的按钮为白色吗?我使用的是自定义主题,没有这个问题。另外,你的角度材质版本是什么?不,我希望文本颜色保持不变(主题的基本文本颜色),如果可能的话,不必在组件的SCS中硬编码黑色文本颜色。我不知道我使用的是哪个版本。我的package.json中有此依赖项:“@angular/material”:“^5.0.2”