constructor

• new IgxIconService(
      _sanitizer: DomSanitizer,
      _httpClient: HttpClient,
      _platformUtil: PlatformUtil,
      _themeToken: ThemeToken,
      _destroyRef: DestroyRef,
      document: Document,
  ): IgxIconService

  パラメーター

  • _sanitizer: DomSanitizer

  • _httpClient: HttpClient

  • _platformUtil: PlatformUtil

  • _themeToken: ThemeToken

  • _destroyRef: DestroyRef

  • document: Document

  返却 IgxIconService

iconLoaded

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

defaultFamily

• get defaultFamily(): IconFamily

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

    const defaultFamily = this.iconService.defaultFamily;
  Copy

  返却 IconFamily

• set defaultFamily(family: IconFamily): void

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

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

  パラメーター

  • family: IconFamily

  返却 void

addIconRef

• addIconRef(name: string, family: string, icon: IconMeta): void

  メタ ファミリのアイコンにアイコン参照メタを追加します。 アイコン参照が見つからない場合にのみ実行されます。

    this.iconService.addIconRef('aruba', 'default', { name: 'aruba', family: 'svg-flags' });
  Copy

  パラメーター

  • name: string

  • family: string

  • icon: IconMeta

  返却 void

addSvgIcon

• addSvgIcon(
      name: string,
      url: string,
      family?: string,
      stripMeta?: boolean,
  ): 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: string,
      iconText: string,
      family?: string,
      stripMeta?: boolean,
  ): 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): string

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

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

  パラメーター

  • alias: string

  返却 string

getIconRef

• getIconRef(name: string, family: string): IconReference

  特定のファミリのアイコンのアイコン参照メタを返します。

    const iconRef = this.iconService.getIconRef('aruba', 'default');
  Copy

  パラメーター

  • name: string

  • family: string

  返却 IconReference

getSvgIcon

• getSvgIcon(name: string, family: string): SafeHtml

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

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

  パラメーター

  • name: string

  • family: string

  返却 SafeHtml

isSvgIconCached

• isSvgIconCached(name: string, family: string): boolean

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

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

  パラメーター

  • name: string

  • family: string

  返却 boolean

registerFamilyAlias

• registerFamilyAlias(alias: string, className?: string, type?: IconType): this

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

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

  非推奨

  バージョン 18.1.0。代わりに setFamily プロパティを使用してください。

  パラメーター

  • alias: string

  • className: string = alias

  • type: IconType = "font"

  返却 this

setFamily

• setFamily(name: string, meta: FamilyMeta): void

  ファミリ名が使用されるたびに IgxIconComponent に適用されるファミリと className の関係を作成します。

    this.iconService.setFamily('material', { className: 'material-icons', type: 'liga' });
  Copy

  パラメーター

  • name: string

  • meta: FamilyMeta

  返却 void

setIconRef

• setIconRef(name: string, family: string, icon: IconMeta): void

  addIconRef に似ていますが、常にメタ ファミリ内のアイコンのアイコン参照メタを設定します。

    this.iconService.setIconRef('aruba', 'default', { name: 'aruba', family: 'svg-flags' });
  Copy

  パラメーター

  • name: string

  • family: string

  • icon: IconMeta

  返却 void