Question

我正在尝试material.angular.io。我想从单个SVG文件中使用SVG-Icons。我按照这里的说明进行操作 https://material.angular.io/components/component/icon 但是当使用带有iconset的md-icon时，我得不到结果。每个SVG文件一个图标可以使用。

这是我的app.component.html：

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

<!-- works -->
<svg class="svg-24px">
  <use xlink:href="./assets/img/svg/svg-sprite-action-symbol.svg#ic_favorite_24px"></use>
</svg>

<!-- works not -->
<md-icon md-svg-icon="action:ic_favorite_24px" aria-label="fav "></md-icon>

这是我的app.component.ts：

constructor(iconRegistry: MdIconRegistry, sanitizer: DomSanitizer, public dialog: MdDialog) {
    iconRegistry.addSvgIconSetInNamespace('action', sanitizer.bypassSecurityTrustResourceUrl('./assets/img/svg/svg-sprite-action-symbol.svg'));
    iconRegistry.addSvgIcon('thumbs-up', sanitizer.bypassSecurityTrustResourceUrl('./assets/img/svg/thumbup-icon.svg'));
    ...
    ...

知道我做错了什么吗？提前致谢

使用md-icon和angular.material中设置的svg-icon

0 个答案: