如何在我的角材料應用程序中加載svg圖標

我想向我的角材料應用程序添加一個圖標。按從文檔我的理解我已經使用$mdIconProvider象下面這樣：如何在我的角材料應用程序中加載svg圖標

app.config(function($stateProvider, $urlRouterProvider, $mdIconProvider) { 
    $urlRouterProvider.otherwise('/login'); 
    $stateProvider 
     .state('login', { 
      url: '/login', 
      views: { 
       '@': { 
        controller: 'LoginCtrl', 
        templateUrl: 'app/components/login/login.html' 
       } 
      } 
     }); 
    $mdIconProvider 
     .iconSet('account', 'resources/icons/ic_account_circle_48px.svg', 48); 
});

我有我的$templateCache使用ng-templates咕嚕模塊中安裝此圖標。

而下面是我的模板代碼：

<md-button aria-label="Open phone interactions menu" class="md-icon-button"> 
        <md-icon md-menu-origin md-svg-icon="account"></md-icon> 
</md-button>

圖標是沒有得到顯示，在我的瀏覽器控制檯越來越下面華林。

請指引我右的方式我是新來的角與角料設計。

來源

2016-11-04 Surya Prakash Tumma

沒有在材料圖標命名爲「賬戶」圖標，請檢查名單here

<md-list-item class="md-3-line"> 
       <md-icon md-svg-icon="ic_place_48px.svg"></md-icon> 
       <div class="md-list-item-text"> 
       <h3>blueberries</h3> 
       <p>content1</p> 
       <p>content2</p> 
       </div> 
</md-list-item>

DEMO

來源

2016-11-04 05:20:19 Sajeetharan

這樣我可以加載圖像，但我想知道$ mdIconProvider如何使用圖標集註冊圖標，並使用該圖標設置並使用該名稱加載l –

@SuryaPrakashTumma檢查此示例https://plnkr.co/edit/lzpb1aid1pAndj0jnAZL？p =預覽 – Sajeetharan

兄弟感謝很多..現在我已經明確了y –

你需要給md-svg-src裏面的md-icon。

<md-button aria-label="Open phone interactions menu" class="md-icon-button">     
    <md-icon md-menu-origin md-svg-src="resources/icons/ic_account_circle_48px.svg"></md-icon> 
</md-button>

來源

2016-11-04 05:09:23 Jigar7521

如果它只有一個svg圖標文件，也許你可以考慮使用它像這樣。

<md-icon md-svg-src="resources/icons/ic_account_circle_48px.svg" aria-label="Account"></md-icon>

只是一個建議，如果你開始使用字體圖標，而不是SVG文件，你可能會發現這是一個更簡單的方法:)

來源

2016-11-04 05:14:28 Sep

如何在我的角材料應用程序中加載svg圖標

回答

相關問題