project-item.component.html 中使用[svgIcon]="move",无效；只有在core 中的组件使用才有效，这是什么原因？

Question

Answer 1

接灰的电子产品 2018-07-19 15:43:53

重新启动 ng serve 看看

Answer 2

接灰的电子产品 2018-07-19 15:43:38

move.svg 在 icon 目录中吗

Answer 3

提问者 风_863495732 2018-07-19 15:30:07

<button mat-menu-item>

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

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

</button>

Answer 4

提问者 风_863495732 2018-07-19 15:28:38

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

Answer 5

提问者 风_863495732 2018-07-19 15:25:33

export class CoreModule {

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

) {

if(parent) {

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

}

loadSvgResources(ir,ds);

}

}

Answer 6

提问者 风_863495732 2018-07-19 15:24:48

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`)));

}

• 慕少923562 #1

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

Answer 7

接灰的电子产品 2018-07-19 15:01:30

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