1. ホーム
  2. angular

[解決済み] Angular Materialのアイコンが機能しない

2022-05-05 22:52:37

質問

Material for angularをインストールしました。

アプリのモジュール MatIconModule をインポートしました ( import { MatIconModule } from '@angular/material/icon'; )

でngmoduleのimportsの下に追加しました。

@NgModule({
    imports: [ 
//...
MatIconModule, 
//...

すべてのスタイルシートをインポートしました

そして、実際にそれらを使っている(使おうとしている)アプリコンポーネントにもインポートしました(別の import {MatIconModule} from '@angular/material/icon'; の行を先頭にしています)。

しかし、素材のアイコンはまだ表示されません。

例えば、このような行で。

<button mat-icon-button (click)="snav.toggle()"><mat-icon>menu</mat-icon></button>

こんな感じで期待しています。

しかし、私はこれを取得します。

何かご意見はありますか?

解決方法は?

マテリアルアイコン用のCSSスタイルシートを追加しました。

index.htmlに以下を追加してください。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

参照 https://github.com/angular/material2/issues/7948