角度4のプロジェクトに角度材質を設定しようとしています。角度4の材質のツールバーの色が変更されない
は、私がhow to get started guideとかなり多く、私はないと思えるツールバーためcolor="primary"
私は、セットアップの簡単なリポジトリhereが使用してきた奇妙です私はこれらの2見つけることができた1.4.9
角度-CLI：
primaryはapp.component.ts
とapp.component.scssで定義されたクラスからエクスポートされるべきであるべきであるapp.component.css。
export class AppComponent {
title = 'app';
primary = 'red';
}
とあなたはそれがあなたのapp.component.htmlファイルに{{primary}}を使用することによって取り込まれたいという角度伝える必要があります。
'primary'は' @Input（）color'の正しい属性です。 'app.component.ts'で定義する必要はありません。 – Edric
ok cool。ありがとう –
コードに問題はありません。 DevToolsでmat-primaryクラスがツールバーに適用されていることを確認できますか？
更新：mat-toolbarが動作するために必要なモジュールが不足しているようです。あなたのアプリのモジュールにMatToolbarModuleを追加：RobotoのCSSが欠落しているためだ
import {
MatToolbarModule,
// Other module imports
} from '@angular/material';
@NgModule({
imports: [
MatToolbarModule,
// Other modules go here
]
})
を。あなたのアプリのindex.htmlに輸入CSSを追加します。
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
</head>
あなたはindex.htmlであなたのbody要素にmat-typographyスタイルを追加する必要があり、次のいずれかあなたのstyles.scssに次のスタイルを追加し、
<body class="mat-typography">
<app-root></app-root>
</body>
：
body {
font-family: Roboto, sans-serif;
}
助けがあれば、この答えを正しいとマークしてください！ :) – Edric
ツールバーのスクリーンショットを投稿しますか？ – Edric