7回答

接灰的电子产品

2018-07-19

重新启动 ng serve 看看

0

0

接灰的电子产品

2018-07-19

move.svg 在 icon 目录中吗

0

0

风_863495732

提问者

2018-07-19

<button mat-menu-item>

<mat-icon [svgIcon]="move" class="material-icon"></mat-icon>

<span>移动本列表所有内容</span>

</button>

0

0

风_863495732

提问者

2018-07-19

我将move用在sidebar,侧边栏菜单中，有效果

0

0

风_863495732

提问者

2018-07-19

export class CoreModule {

constructor(@Optional() @SkipSelf() parent: CoreModule,ir: MatIconRegistry, ds: DomSanitizer

) {

if(parent) {

throw new Error('CoreModule 已经装载，请仅在 AppModule 中引入该模块。');

}

loadSvgResources(ir,ds);

}

}

0

0

风_863495732

提问者

2018-07-19

export const loadSvgResources = (ir: MatIconRegistry, ds: DomSanitizer) =>{

const imgDir= 'assets/img';

const  sidebarDir = `${imgDir}/sidebar`;

const dayDir = `${imgDir}/days`;

const avatarDir = `${imgDir}/avatar`;

const iconDir = `${imgDir}/icons`;

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('add',ds.bypassSecurityTrustResourceUrl(`${iconDir}/add.svg`));

ir.addSvgIcon('move',ds.bypassSecurityTrustResourceUrl(`${iconDir}/move.svg`));

ir.addSvgIcon('delete',ds.bypassSecurityTrustResourceUrl(`${iconDir}/delete.svg`));

ir.addSvgIconSetInNamespace('avatars',ds.bypassSecurityTrustResourceUrl(`${avatarDir}/avatars.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`)));

}

0

1

慕少923562

把svgIcon的中括号去掉，或者再给move加个单引号

2018-07-29

共1条回复

接灰的电子产品

2018-07-19

图标加载的代码贴出来看看

0

0