[解決済み] 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">
関連
-
[解決済み] Angular 2の "select "で新しい選択範囲を取得するにはどうすればよいですか?
-
[解決済み] Angular HTTP GET with TypeScript エラー http.get(...).map is not a function in [null].
-
[解決済み] 設定ファイルにng serveのデフォルトのホストとポートを設定する。
-
[解決済み] NgModule.schemasにCUSTOM_ELEMENTS_SCHEMAを追加してもエラーが表示される。
-
[解決済み] Angularアプリケーションが本番モードと開発モードのどちらで動作しているかを確認する方法
-
[解決済み] Angular Materialダイアログエリアの外をクリックしてダイアログを閉じないようにする(Angularバージョン4.0以上で使用可能)
-
[解決済み] index.tsは何に使われているのですか?
-
[解決済み] エラーが発生しました。出力が初期化されていません
-
[解決済み] Angularチュートリアルのpipeメソッドとtapメソッドとは何ですか?
-
[解決済み] VSCodeでAngularをデバッグする方法とは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Node Sass は現在の環境のためのバインディングを見つけることができませんでした。Windows 64ビット、Node.js 8.x。
-
[解決済み] Angularで@Input()の値が変更されたときに検出する方法は?
-
[解決済み] コンポーネントテンプレートで要素を選択するには?
-
[解決済み] Angular 2の "select "で新しい選択範囲を取得するにはどうすればよいですか?
-
[解決済み] Angular 2のキープレスごとの変更イベント
-
[解決済み] Angular HTTP GET with TypeScript エラー http.get(...).map is not a function in [null].
-
[解決済み】Angular 6でサービスを生成する際に、InjectableデコレータでprovidedInの目的は何ですか?
-
[解決済み] viewchildを使用して複数のviewchildrenにアクセスする
-
[解決済み] AngularでngFor repeatをある数のアイテムに制限するにはどうすればよいですか?
-
[解決済み] ファイル 'app/hero.ts' is not a module error in console, where to store interfaces files in directory structure with angular2?