角度材质：未找到md-icon

Question

我正在使用svg格式的材料设计图标。 当我尝试在我的HTML中显示图标时，我收到错误： “icon mdsize：A not found”。

我将所有图标保存在带有所有路径的svg文件中。

我的config.js文件：

app.config(function($mdIconProvider){
    $mdIconProvider.iconSet('mdsize', 'fileSrc', 24);
 });

我的svg文件：

<g id="A">
    <path d="iconPath" fill="none"/>
    <path d="anotherPath"/>
</g>

我的HTML：

<md-icon md-svg-icon="mdsize:A"></md-icon>

md-icon标签位于由ng-repeat生成的md-list项目内。

重要提一下：还有另一个md-icon保存在md-list-item内的同一个svg文件中，它显示在html页面上。呈现它们的方式是iddenticle所以我不明白为什么其他图标不会显示。

Answer 1

我对svg一无所知，但我有一个游戏，这种方式没有错误。

fileSrc.txt

iron-list

的test.html

iron-scroll-threshold

如果我用以下内容替换fileSrc.txt的内容，我也不会看到任何错误：

<svg width="100" height="100">
    <g id="A">
       <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
    </g>
</svg>

注意：这些文件适用于Firefox，但Chrome会显示＆＃34; Cross origin＆＃34;错误。