ng2-material不显示图标

Question

我有一个带有ng2材质的角度2用于视图。即使是日志控制台，一切都显而易见，但它并没有绘制ng2材质图标。

这是我的代码：

import 'zone.js/lib/browser/zone-microtask';
import 'reflect-metadata';
import 'babel-polyfill';

import {Component, View, ViewEncapsulation, enableProdMode} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';
import {HTTP_PROVIDERS} from 'angular2/http';
import {MATERIAL_DIRECTIVES, MATERIAL_PROVIDERS} from "ng2-material/all";
import {COMPONENTS_DIRECTIVES} from "./app/all";

@Component({
  selector: 'app'
})
@View({
  templateUrl: 'app/home.html',
  styleUrls: [
    'node_modules/ng2-material/dist/ng2-material.css',
    'node_modules/ng2-material/dist/font.css'
  ],
  directives: [MATERIAL_DIRECTIVES,COMPONENTS_DIRECTIVES],
  encapsulation: ViewEncapsulation.None
})
export class MainApp {
  constructor(){

  }
}

let appProviders = [
  MATERIAL_PROVIDERS
];

//enableProdMode();

bootstrap(MainApp,appProviders);

这就是我看到的：

Result

Answer 1

我遇到了同样的问题，解决方法是：用开发人员工具查看示例，显示这些按钮上还有另一个类，材料图标：

<i class="mdclass-dark material-icons"  md-icon >menu</i>

Answer 2

这不是官方的Angular2材料，但无论如何你都可以使用它。 你把它的标签或属性应用到你的dom吗？

例如，按钮：

   <button md-raised-button name="btn1"></button>

Answer 3

您必须导入我认为的图标：

对我来说，这一行被添加到我的一个全局css文件中：

@import '~https://fonts.googleapis.com/icon?family=Material+Icons';