Question

我想使用角度材料2为我的角度4应用程序创建一个主题。我创建了初始部分，但它不起作用。我在这段代码中做错了什么？

- Theme.scss

@import "~@angular/material/_theming";
@include mat-core();
$app-primary: mat-palette($mat-blue, 600);
$app-accent: mat-palette($mat-green, 600);
$app-warn: mat-palette($mat-red);
$app-theme: mat-light-theme($app-primary, $app-accent, $app-warn ); 
@include angular-material-theme($app-theme);

- 组件

<button color="primary" class="mat-raised-button">Pick Up</button>  
<button color="accent" class="mat-raised-button">Drop Off</button>

- angular-cli.json

"styles": [
  "styles.css",
  "theme.scss"
]

Answer 1

这是一个简单的修复。就像我在你的问题评论中所说，只需删除下划线。容易。

您还应该使用mat-raised-button属性而不是类（如果您正在使用2.0.0-beta.11及以上）。

<button color="primary" mat-raised-button>Pick Up</button>  
<button color="accent" mat-raised-button>Drop Off</button>

如果您使用2.0.0-beta.10或更低版本，请使用md-raised-button属性。

<button color="primary" md-raised-button>Pick Up</button>  
<button color="accent" md-raised-button>Drop Off</button>

Angular 4主题不起作用

1 个答案: