Angular-material-icons
角材-アイコン
Angularディレクティブである md-icon は、アプリケーションでベクターベースのアイコンを表示するためのコンポーネントです。 Googleマテリアルアイコンの使用とは別に、アイコンフォントとSVGアイコンもサポートしています。
属性
次の表に、 md-icon のさまざまな属性のパラメーターと説明を示します。
Sr.No | Parameter & Description |
---|---|
1 |
これは、フォントフェイスに関連付けられたCSSアイコンの文字列名で、アイコンのレンダリングに使用されます。 フォントと名前付きCSSスタイルをプリロードする必要があります。 |
2 |
これは、フォントアイコン合字のクラスとして割り当てられるフォントライブラリに関連付けられたCSSスタイル名です。 この値は、クラス名の検索に使用されるエイリアスでもあります。内部的に$ mdIconProvider.fontSet(<alias>)を使用してスタイル名を決定します。 |
3 |
これは、外部SVGのロード、キャッシュ、および表示に使用される文字列URL(または式)です。 |
4 |
これは、内部キャッシュからのアイコンの検索に使用される文字列名です。補間された文字列または式も使用できます。 特定のセット名は、構文<セット名>:<アイコン名>で使用できます。 アイコンセットを使用するには、開発者は$ mdIconProviderサービスを使用してセットを事前登録する必要があります。 |
5 |
aria-label これは、アクセシビリティのラベルアイコンです。 空の文字列が指定された場合、アイコンはaria-hidden = "true"でアクセシビリティレイヤーから隠されます。 アイコンにaria-labelまたは親要素にラベルがない場合、警告がコンソールに記録されます。 |
6 |
alt これは、アクセシビリティのラベルアイコンです。 空の文字列が指定された場合、アイコンはaria-hidden = "true"でアクセシビリティレイヤーから隠されます。 アイコンにaltも親要素にもラベルがない場合、警告がコンソールに記録されます。 |
例
次の例は、md-iconsディレクティブの使用法とアイコンの使用法を示しています。
結果
結果を確認します。