ng2-material 不显示图标答案

【问题标题】：ng2-material doesn't show iconsng2-material 不显示图标
【发布时间】：2016-05-28 05:50:15
【问题描述】：

我有一个带有 ng2-material 的角度 2 用于视图。一切似乎都很好，即使是日志控制台，但它没有绘制 ng2-material 图标。

这是我的代码：

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

【问题讨论】：

ng2-material 是一个“非官方”版本。官方刚刚开始：github.com/angular/material2你最好在github上联系他们
我要试一试。谢谢。

标签： javascript css angularjs material-design angular

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

例如，一个按钮：

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：