Icon は、マークアップにマテリアル アイコンを含める方法を提供します。
IgxIconModule
igx-icon-theme
icon, picture
表示
Ignite UI Icon を使用すると、開発者はマテリアル デザイン アイコンをマークアップに直接簡単に含めることができます。アイコンはさまざまなアイコン ファミリをサポートしており、active プロパティを使用してアクティブまたは無効としてマークできます。 これにより、アイコンの外観が変更されます。
active
<igx-icon family="filter-icons" active="true">home</igx-icon> Copy
<igx-icon family="filter-icons" active="true">home</igx-icon>
active プロパティの無効化を許可する @Input プロパティ。デフォルトでクラスが適用されます。
<igx-icon [active]="false">settings</igx-icon> Copy
<igx-icon [active]="false">settings</igx-icon>
これにより aria-hidden 属性を無効にできます。デフォルトでクラスが適用されます。
aria-hidden
@ViewChild("MyIcon") public icon: IgxIconComponent;constructor(private cdRef:ChangeDetectorRef) {}ngAfterViewInit() { this.icon.ariaHidden = false; this.cdRef.detectChanges();} Copy
@ViewChild("MyIcon") public icon: IgxIconComponent;constructor(private cdRef:ChangeDetectorRef) {}ngAfterViewInit() { this.icon.ariaHidden = false; this.cdRef.detectChanges();}
An
family の値を設定する @Input プロパティ。デフォルトは、"material" です。
family
<igx-icon family="material">settings</igx-icon> Copy
<igx-icon family="material">settings</igx-icon>
アイコンのname を設定します。
name
<igx-icon name="contains" family="filter-icons"></igx-icon> Copy
<igx-icon name="contains" family="filter-icons"></igx-icon>
active プロパティの値を返すアクセサーです。
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let iconActive = this.icon.getActive;} Copy
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let iconActive = this.icon.getActive;}
family プロパティの値を返すアクセサーです。
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let iconFamily = this.icon.getFamily;} Copy
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let iconFamily = this.icon.getFamily;}
inactive プロパティを返すアクセサーです。
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let iconActive = this.icon.getInactive;} Copy
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let iconActive = this.icon.getInactive;}
iconName プロパティの値を返すアクセサーです。
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let name = this.icon.getName;} Copy
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let name = this.icon.getName;}
基になる SVG 画像を SafeHtml として返すアクセサーです。
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let svg: SafeHtml = this.icon.getSvg;} Copy
@ViewChild("MyIcon")public icon: IgxIconComponent;ngAfterViewInit() { let svg: SafeHtml = this.icon.getSvg;}
Icon は、マークアップにマテリアル アイコンを含める方法を提供します。
Igx Module
IgxIconModule
Igx Theme
igx-icon-theme
Igx Keywords
icon, picture
Igx Group
表示
備考
Ignite UI Icon を使用すると、開発者はマテリアル デザイン アイコンをマークアップに直接簡単に含めることができます。アイコンはさまざまなアイコン ファミリをサポートしており、
active
プロパティを使用してアクティブまたは無効としてマークできます。 これにより、アイコンの外観が変更されます。例