constructor

• new IgxIconService(_sanitizer, _httpClient, _platformUtil, _document): IgxIconService

• パラメーター

  • _sanitizer: DomSanitizer

  • _httpClient: HttpClient

  • _platformUtil: PlatformUtil

  • _document: any

  返却 IgxIconService

iconLoaded

this.service.iconLoaded.subscribe((ev: IgxIconLoadedEvent) => ...);
Copy

defaultFamily

• get defaultFamily(): string

• デフォルトの font-family を返します。

    const defaultFamily = this.iconService.defaultFamily;
  Copy

  返却 string

• set defaultFamily(className): void

• デフォルトの font-family を設定します。

    this.iconService.defaultFamily = 'svg-flags';
  Copy

  パラメーター

  • className: string

  返却 void

addSvgIcon

• addSvgIcon(name, url, family?, stripMeta?): void

• キャッシュに SVG 画像を追加します。SVG ソースは url です。

    this.iconService.addSvgIcon('aruba', '/assets/svg/country_flags/aruba.svg', 'svg-flags');
  Copy

  パラメーター

  • name: string

  • url: string

  • family: string = ...

  • stripMeta: boolean = false

  返却 void

addSvgIconFromText

• addSvgIconFromText(name, iconText, family?, stripMeta?): void

• キャッシュに SVG 画像を追加します。SVG ソースはテキストです。

    this.iconService.addSvgIconFromText('simple', '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
    <path d="M74 74h54v54H74" /></svg>', 'svg-flags');
  Copy

  パラメーター

  • name: string

  • iconText: string

  • family: string = ''

  • stripMeta: boolean = false

  返却 void

familyClassName

• familyClassName(alias): string

• 指定した font-family に関連するカスタム クラスがある場合は返します。

    const familyClass = this.iconService.familyClassName('material');
  Copy

  パラメーター

  • alias: string

  返却 string

getSvgIcon

• getSvgIcon(name, family?): SafeHtml

• キャッシュされた SVG 画像を文字列として返します。

    const svgIcon = this.iconService.getSvgIcon('aruba', 'svg-flags');
  Copy

  パラメーター

  • name: string

  • family: string = ''

  返却 SafeHtml

isSvgIconCached

• isSvgIconCached(name, family?): boolean

• 指定した SVG 画像がキャッシュに存在するかどうかを返します。

    const isSvgCached = this.iconService.isSvgIconCached('aruba', 'svg-flags');
  Copy

  パラメーター

  • name: string

  • family: string = ''

  返却 boolean

registerFamilyAlias

• registerFamilyAlias(alias, className?): IgxIconService

• 指定した font-family の IgxIconComponent に適用するカスタム クラスを登録します。

    this.iconService.registerFamilyAlias('material', 'material-icons');
  Copy

  パラメーター

  • alias: string

  • className: string = alias

  返却 IgxIconService