ng2-材料不顯示圖標

我有一個角度2與ng2材料的視圖。一切都很明顯，即使是日誌控制檯，但它不會繪製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);

這裏是我看到：

Result

來源

2016-02-16 Khaeden

NG2材料是「非官方」版本。官方的剛剛開始在這裏：https：//github.com/angular/material2 你最好在github上聯繫他們 –

我會試一試。謝謝。 – Khaeden

這是不是官方Angular2材料，但可以無論如何使用它。您是否將其標籤或屬性應用於您的dom？

例如，一個按鈕：

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

來源

2016-02-17 21:37:04

是的，我確實沒有工作 – Khaeden

我有同樣的問題，它的解決方法是：尋找與開發工具的例子，表明有這些按鈕另一個類，材料-icons：

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

來源

2016-04-24 06:09:05 hans

-2

你要導入的圖標，我認爲：

對我來說，此行被添加到我的全局CSS文件之一：

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

來源

2017-06-12 09:17:26

ng2-材料不顯示圖標

回答

相關問題