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