Question

我在app.component所在的目录中有一个SVG文件。我按照Angular Material示例在我的html中使用了一个图标：

<md-icon svgIcon="thumbs-up"></md-icon>

打字稿：

import {Component} from '@angular/core';
import {DomSanitizer} from '@angular/platform-browser';
import {MdIconRegistry} from '@angular/material';

@Component({
   selector: 'icon-svg-example',
   templateUrl: './icon-svg-example.html',})

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

当我在开发服务器上运行时，图标没有显示出来？我只是在控制台中收到此错误消息：

GET http://localhost:4200/thumbs-up.svg 404 (Not Found)
Error retrieving icon: undefined

Answer 1

由于您无法通过评论将其标记为已解决：

尝试将其放入您的assets / img / examples文件夹中，因为它是您提供的路径

Angular Material SVG图标给出404错误

1 个答案: