TypeScript MdIconRegistry.addSvgIcon方法代碼示例

本文整理匯總了TypeScript中@angular/material.MdIconRegistry.addSvgIcon方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript MdIconRegistry.addSvgIcon方法的具體用法？TypeScript MdIconRegistry.addSvgIcon怎麽用？TypeScript MdIconRegistry.addSvgIcon使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@angular/material.MdIconRegistry的用法示例。

在下文中一共展示了MdIconRegistry.addSvgIcon方法的6個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1:

export const loadSvgResources = (ir: MdIconRegistry, ds: DomSanitizer) => {
    const imgDir = 'assets/img';
    const sidebarDir = `${imgDir}/sidebar`;
    const dayDir = `${imgDir}/days`;
    const avatarDir = `${imgDir}/avatar`;
    const iconDir = `${imgDir}/icons`;

    ir.addSvgIconSetInNamespace('avatars', ds.bypassSecurityTrustResourceUrl(`${avatarDir}/avatars.svg`));
    ir.addSvgIcon('unassigned', ds.bypassSecurityTrustResourceUrl(`${avatarDir}/unassigned.svg`));
    ir.addSvgIcon('day', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/day.svg`));
    ir.addSvgIcon('week', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/week.svg`))
    ir.addSvgIcon('month', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/month.svg`));
    ir.addSvgIcon('project', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/project.svg`));
    ir.addSvgIcon('projects', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/projects.svg`));
    ir.addSvgIcon('move', ds.bypassSecurityTrustResourceUrl(`${iconDir}/move.svg`));
    ir.addSvgIcon('add', ds.bypassSecurityTrustResourceUrl(`${iconDir}/add.svg`));
    ir.addSvgIcon('delete', ds.bypassSecurityTrustResourceUrl(`${iconDir}/delete.svg`));
    const days = [
        1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
        11, 12, 13, 14, 15, 16, 17, 18, 
        19, 20, 21, 22, 23, 24, 25, 26, 
        27, 28, 29, 30, 31
    ]
    days.forEach(d => ir.addSvgIcon(`day${d}`, ds.bypassSecurityTrustResourceUrl(`${dayDir}/day${d}.svg`)));
}

開發者ID:zichenma，項目名稱:prodinator，代碼行數:25，代碼來源:svg.util.ts

示例2:

export const loadSvgResources = (ir: MdIconRegistry, ds: DomSanitizer) => {
  const imgDir = 'assets/img';
  const sidebarDir = `${imgDir}/sidebar`;
  const avatarDir = `${imgDir}/avatar`;
  ir.addSvgIcon('day', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/day.svg`));
  ir.addSvgIcon('month', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/month.svg`));
  ir.addSvgIcon('project', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/project.svg`));
  ir.addSvgIcon('projects', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/projects.svg`));
  ir.addSvgIcon('week', ds.bypassSecurityTrustResourceUrl(`${sidebarDir}/week.svg`));
  ir.addSvgIconSetInNamespace('avatars', ds.bypassSecurityTrustResourceUrl(`${avatarDir}/avatars.svg`));
}

開發者ID:duangangqiang，項目名稱:enterprise-platform，代碼行數:11，代碼來源:svg.util.ts

示例3: constructor

 constructor(mdIconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {
   mdIconRegistry
       .addSvgIcon('thumb-up',
           sanitizer.bypassSecurityTrustResourceUrl('/icon/assets/thumbup-icon.svg'))
       .addSvgIconSetInNamespace('core',
           sanitizer.bypassSecurityTrustResourceUrl('/icon/assets/core-icon-set.svg'))
       .registerFontClassAlias('fontawesome', 'fa');
 }

開發者ID:Chintuz，項目名稱:material2，代碼行數:8，代碼來源:icon-demo.ts

示例4: constructor

 constructor(iconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {
   iconRegistry.addSvgIcon(
       'thumbs-up',
       sanitizer.bypassSecurityTrustResourceUrl('assets/img/examples/thumbup-icon.svg'));
 }

開發者ID:Daniel-McK，項目名稱:material2，代碼行數:5，代碼來源:icon-svg-example.ts

示例5: constructor

  public constructor(iconRegistry: MdIconRegistry, sanitizer: DomSanitizer){

      iconRegistry.addSvgIcon(
        'app-icon',
        sanitizer.bypassSecurityTrustResourceUrl('assets/ic_send_white_24px.svg'));
  }

開發者ID:grecosoft，項目名稱:Sandbox，代碼行數:6，代碼來源:app.component.ts

示例6: constructor

 constructor(mdIconRegistry: MdIconRegistry) {
   mdIconRegistry
       .addSvgIcon('thumb-up', '/icon/assets/thumbup-icon.svg')
       .addSvgIconSetInNamespace('core', '/icon/assets/core-icon-set.svg')
       .registerFontClassAlias('fontawesome', 'fa');
 }

開發者ID:RicardoVaranda，項目名稱:material2，代碼行數:6，代碼來源:icon-demo.ts

注：本文中的@angular/material.MdIconRegistry.addSvgIcon方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。