Javascript 在angular.material中使用md图标和svg图标

我正在试用material.angular.io。 我想使用单个SVG文件中的SVG图标。 我按照这里的指示做了 但当我将md图标与iconset一起使用时，并没有得到结果。 每个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>

知道我做错了什么吗？

---

提前谢谢

你有没有想过这个问题？没有，没有。至少在一个按钮或一个链接内，它可以工作。菜单，但不是独立的。这是我的问题：非常好的提示。这让我更清楚了一点。但是，我仍然只能在按钮或链接中使用SVG图像。但是已经很久以前了，我试过了。我无法将库更新为当前状态，请重试。谢谢你的链接。

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'));
    ...
    ...