角度素材：MD-アイコンは、私はSVG形式での材料のデザイン性のアイコンを使用してい

が見つかりません。私は私のhtmlにアイコンを表示しようとすると、私はエラーを取得：「アイコンmdsize：見つかりません」という。角度素材：MD-アイコンは、私はSVG形式での材料のデザイン性のアイコンを使用してい

私はすべてのパスと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-アイコンタグはMD-リスト - 内側にありますng-repeatによって生成されるアイテム。

言及する重要

：MD-リスト項目内の同じSVGファイルに保存され、それをHTMLページに表示されている別のMD-のアイコンがあります。それらを提示する方法はiddenticleなので、なぜ私は他のアイコンが表示されないのか分かりません。

出典

2016-09-22 Einat Lugassy

私は、SVGについて多くを知らないが、私はプレイを持っていたし、これはエラーなしで動作します。

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>

test.htmlという

<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css"> 

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script> 
    <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/svg-assets-cache.js"></script> 

    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script> 

    <script> 
     angular.module("elcomaApp", ['ngMaterial', 'ngMessages', 'material.svgAssetsCache']) 
      .config(function($mdIconProvider){ 
       $mdIconProvider.iconSet('mdsize', 'fileSrc.txt', 204); 
      }) 
      .controller("MainController", function() { 

      }); 
    </script> 
</head> 

<body ng-app="elcomaApp" ng-controller="MainController" ng-cloak> 
    <md-icon md-svg-icon="mdsize:A"></md-icon> 
</body> 
</html>

私は、次のとfileSrc.txtの内容を交換した場合、私はまた、すべてのエラーが表示されない：

<svg width="100" height="100"> 
    <g id="A"> 
     <path d="iconPath" fill="none"/> 
     <path d="anotherPath"/> 
    </g> 
</svg>

注：これらのファイルは、Firefoxで動作しますが、Chromeは「十字架の起源」のエラーが表示されます。

出典

2016-09-22 11:55:17

角度素材：MD-アイコンは、私はSVG形式での材料のデザイン性のアイコンを使用してい

答えて

関連する問題