javascript - 如何在我的 Angular Material 应用程序中加载 svg 图标

Question

我正在尝试向我的 Angular Material 应用程序添加一个图标。根据我对文档的理解，我使用了 $mdIconProvider ，如下所示:

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);
});

我已使用 ng-templates grunt 模块将此图标加载到我的 $templateCache 中。

下面是我的模板代码:

<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>

图标未在我的浏览器控制台中显示并低于警告。

请以正确的方式指导我，因为我是有 Angular 和有 Angular Material 设计的新手。

Answer 1

素材图标中没有名为“账户”的图标，查看列表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