Angular 4 Thema funktioniert nicht

Question

Ich möchte ein Thema für meine eckige 4 App mit eckigen Material erstellen 2.Ich habe den ersten Teil erstellt, aber es funktioniert nicht. Was habe ich in diesem Code falsch gemacht?

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

- Komponente

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

- Winkel cli.json

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

Answer 1

Es ist eine einfache Lösung. Wie ich im Kommentar zu Ihrer Frage gesagt habe, entfernen Sie einfach den Unterstrich. Einfach.

Sie sollten auch das mat-raised-button Attribut anstelle der Klasse verwenden (wenn Sie 2.0.0-beta.11 und höher verwenden).

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

Wenn Sie 2.0.0-beta.10 oder unten, verwenden Sie das Attribut md-raised-button.

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