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;
}
明示的、svg、またはなしの合字を参照する TemplateRef を返すアクセサーです。
@ViewChild("MyIcon")
public icon: IgxIconComponent;
ngAfterViewInit() {
let iconTemplate = this.icon.template;
}
Icon は、マークアップにマテリアル アイコンを含める方法を提供します。
Igx Module
IgxIconModule
Igx Theme
igx-icon-theme
Igx Keywords
icon, picture
Igx Group
表示
備考
Ignite UI Icon を使用すると、開発者はマテリアル デザイン アイコンをマークアップに直接簡単に含めることができます。アイコンはさまざまなアイコン ファミリをサポートしており、
active
プロパティを使用してアクティブまたは無効としてマークできます。 これにより、アイコンの外観が変更されます。例