私は角度のついた素材を使いこなすだけで、アイコンを使いたいと思っていますが、それについて読んでいますが、登録する必要があると言われていますが、アイコン。私がやったこと： URL角度素材アイコンVisual Studio 2013での登録

1を使用してから1.ダウンロードアイコン：セクション 2からhttp://google.github.io/material-design-icons/は、MD /アイコンの下にすべてのアイコンを置き/ .....と

として、それを構成し

.config(function ($mdIconProvider) { 
    $mdIconProvider.defaultIconSet('md/icons/core-icons.svg', 24); 
})

しかし、セットを取得してアプリで使用する方法はわかりません。誰かがここで私を導くことができる？

ありがとうございました。

出典

2017-06-19 Scavenger

Googleの素材のアイコン

デフォルトでは、それは自動的にあなたのためにアイコンを追加しませんが、角度の材質は、Googleの素材のアイコンをサポートしています。（また、あなたがapp.configを使用する必要はありません！）

あなたHTML<head>の下に次の行を追加します

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

注：詳細情報here

でご利用ください指示（メニューを必要なアイコンに置き換えます。
```
<md-icon>menu</md-icon> 
```

例：https://material.io/icons上のアイコン

angular.module('App', ['ngMaterial']);

<html ng-app="App"> 
 

 
<head> 
 
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-animate.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-aria.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-messages.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script> 
 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.css"> 
 
</head> 
 

 
<body> 
 
    <md-icon>menu</md-icon> 
 
</body> 
 

 
</html>

アイコンはまた

を設定し、あなたはアイコンセットを使用することができます。

例MaterialDesignIcons >mdi.svgのためのアイコンセットを（ダウンロードし、あなたから得ることができるようにあなたのassetsフォルダとしてプロジェクト（）のどこかにそれを置く：以下intstructionsは従ってください。
app.config下

設定：

angular.module('App', ['ngMaterial']) 
    .config(function($mdIconProvider, $sceDelegateProvider) { 
     $mdIconProvider.defaultIconSet('path/to/icons.svg'); 
     // Note: If you want to get svg iconset from another domain, add $sceDelegateProvider to function as follows: 
     $sceDelegateProvider.resourceUrlWhitelist(
      // Adding 'self' to the whitelist, will allow requests from the current origin. 
      'self', 
      // Allow from all urls 
      // Recommended to only specify the given domain you want to allow. 
      '**' 
    ) 
})

<md-icon>ディレクティブを経由して、それを使用しますが、それにmd-svg-icon属性を追加します。
```
<md-icon md-svg-icon="menu"></md-icon> 
```

例：

angular.module('App', ['ngMaterial']) 
 
    .config(function($mdIconProvider, $sceDelegateProvider) { 
 
     $sceDelegateProvider.resourceUrlWhitelist([ 
 
     'self', 
 
     '**' 
 
     ]) 
 
    $mdIconProvider.defaultIconSet('https://chan4077.github.io/res/mdi.svg'); 
 
})

<html ng-app="App"> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-animate.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-aria.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-messages.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script> 
 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.css"> 
 
</head> 
 

 
<body> 
 
    <md-icon md-svg-icon="menu"></md-icon> 
 
</body> 
 

 
</html>

出典

2017-06-19 15:56:15 Edric

あなたは最初から完全な手順を説明してもらえます。 – Scavenger

また、どうやってsvg setを取得して登録するのですか？ – Scavenger

こんにちはEdric、**アイコンセット**の例iconsetをローカルにホストするにはどうすればいいですか？svgアイコンのセットをどこからダウンロードするのですか？ – Scavenger

角度素材アイコンVisual Studio 2013での登録

答えて

Googleの素材のアイコン

アイコンはまた

関連する問題