Javascript ng2材料不'；不显示图标

我有一个角度2与ng2材料的看法。一切都很好，即使是日志控制台，但它没有绘制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);

我看到的是：

---

这不是官方的Angular2材料，但是您可以使用它。 是否将其选项卡或属性应用于dom

例如，对于按钮：

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

---

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

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

菜单

---

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

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

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

---

ng2材料是一个“非官方”版本。官方的说法刚刚开始：你最好通过githubI联系他们，我会试试的。谢谢