constructor

• new IgxIconComponent(el, iconService, ref): IgxIconComponent

• パラメーター

  • el: ElementRef<any>

  • iconService: IgxIconService

  • ref: ChangeDetectorRef

  返却 IgxIconComponent

active

<igx-icon [active]="false">settings</igx-icon>
Copy

ariaHidden

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

el

family

<igx-icon family="material">settings</igx-icon>
Copy

name

<igx-icon name="contains" family="filter-icons"></igx-icon>
Copy

getActive

• get getActive(): boolean

• active プロパティの値を返すアクセサーです。

  例

  @ViewChild("MyIcon")
  public icon: IgxIconComponent;
  ngAfterViewInit() {
     let iconActive = this.icon.getActive;
  }
  Copy

  返却 boolean

getFamily

• get getFamily(): string

• family プロパティの値を返すアクセサーです。

  例

   @ViewChild("MyIcon")
  public icon: IgxIconComponent;
  ngAfterViewInit() {
     let iconFamily = this.icon.getFamily;
  }
  Copy

  返却 string

getInactive

• get getInactive(): boolean

• inactive プロパティを返すアクセサーです。

  例

  @ViewChild("MyIcon")
  public icon: IgxIconComponent;
  ngAfterViewInit() {
     let iconActive = this.icon.getInactive;
  }
  Copy

  返却 boolean

getName

• get getName(): string

• iconName プロパティの値を返すアクセサーです。

  例

  @ViewChild("MyIcon")
  public icon: IgxIconComponent;
  ngAfterViewInit() {
     let name = this.icon.getName;
  }
  Copy

  返却 string

getSvg

• get getSvg(): SafeHtml

• 基になる SVG 画像を SafeHtml として返すアクセサーです。

  例

  @ViewChild("MyIcon")
  public icon: IgxIconComponent;
  ngAfterViewInit() {
     let svg: SafeHtml = this.icon.getSvg;
  }
  Copy

  返却 SafeHtml

template

• get template(): TemplateRef<HTMLElement>

• 明示的、svg、またはなしの合字を参照する TemplateRef を返すアクセサーです。

  例

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

  返却 TemplateRef<HTMLElement>