angular: 如何通过 mat-icon 引用自己的 svg 图片

悬赏园豆：30 [已解决问题] 解决于 2023-07-22 10:52

想通过 angular material 的 <mat-icon> 引起自己的 svg 图片，请问如何实现？

dudu | 高人七级 | 园豆：30943
提问于：2023-07-22 10:36

< >

最佳答案

可以通过 MatIconRegistry 实现

export class AppComponent {
  constructor(
    iconRegistry: MatIconRegistry,
    sanitizer: DomSanitizer
    ) {
      icons.forEach((icon) =>
        iconRegistry.addSvgIcon(icon, sanitizer.bypassSecurityTrustResourceUrl(`assets/icons/${icon}.svg`))
      );
    }
}

引用图片

<mat-icon svgIcon="check"></mat-icon>

dudu | 高人七级 |园豆：30943 | 2023-07-22 10:52

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

angular: 如何通过 mat-icon 引用自己的 svg 图片

欢迎，请先登录或者注册。