クラス IgxIconComponent

階層

  • IgxIconComponent

実装

  • OnInit
  • OnDestroy

コンストラクタ

constructor

プロパティ

active

active: boolean = true

active プロパティの無効化を許可する @Input プロパティ。デフォルトでクラスが適用されます。

@例:
<igx-icon [isActive]="false">settings</igx-icon>

ariaHidden

ariaHidden: boolean = true

aria-hidden 属性を無効にできます。デフォルトでクラスが適用されます。

@例:
@ViewChild("MyIcon") public icon: IgxIconComponent;
constructor(private cdRef:ChangeDetectorRef) {}
ngAfterViewInit() {
    this.icon.ariaHidden = false;
    this.cdRef.detectChanges();
}

el

el: ElementRef

igx-icon コンポーネントの ElementRef プロパティ。

font

font: string

fontSet の値を設定する @Input プロパティ。デフォルトは、"material" です。

@例:
<igx-icon fontSet="material">settings</igx-icon>

iconColor

iconColor: string

アイコンの iconColor の変更を許可する @Input プロパティ。

@例:
<igx-icon color="blue">settings</igx-icon>

iconName

iconName: string

アイコンの iconName の変更を許可する @Input プロパティ。

@例:
<igx-icon name="contains" fontSet="filter-icons"></igx-icon>

id

id: string = `igx-icon-${NEXT_ID++}`

id 属性の値を設定する @Input プロパティ。

@例:
<igx-icon id="igx-icon-1" fontSet="material">settings</igx-icon>

アクセサー

getActive

  • get getActive(): boolean

getFontSet

  • get getFontSet(): string

getIconColor

  • get getIconColor(): string

getIconName

  • get getIconName(): string

getInactive

  • get getInactive(): boolean

getSvgKey

  • get getSvgKey(): string
  • SVG 画像のキーを返すアクセサー。 アンダースコアで区切られた fontSet と iconName で構成されるキー。

    @例:
    @ViewChild("MyIcon")
    public icon: IgxIconComponent;
    ngAfterViewInit() {
       let svgKey = this.icon.getSvgKey;
    }

    返却 string

template

  • get template(): TemplateRef<HTMLElement>
  • 明示的、暗黙、またはなしの合字を参照する TemplateRef を返すアクセサー。

    @例:
    @ViewChild("MyIcon")
    public icon: IgxIconComponent;
    ngAfterViewInit() {
       let iconTemplate = this.icon.template;
    }

    返却 TemplateRef<HTMLElement>