angular2-材料2つのアイコンは、私が何らかの理由アイコン用材料2を用いて、角度2プロジェクトに取り組んでいます

Question

を示されていないテキストとして、アイコンの「キー」ことになっているだけで何、表示されません。

app.module：

...  
    import {MdButtonModule} from "@angular2-material/button"; 
    import {MdIconModule, MdIconRegistry} from "@angular2-material/icon"; 
    ... 

    @NgModule({ 
     declarations: [AppComponent,... CollapseableComponent], 
     imports: [... MdButtonModule, MdIconModule, MdInputModule], 
     providers: [{ 
     provide: LocationStrategy, 
     useClass: HashLocationStrategy 
     }, ... MdIconRegistry], 
     bootstrap: [AppComponent] 
    }) 
    export class AppModule { 

    } 

のindex.html：私は約5以上の順列を試し推測

<button md-fab> <md-icon>add</md-icon></button> 
    <button md-fab> <md-icon class="md-elevation-z1">create</md-icon></button> 
    <button md-icon-button>add</button> 

が、すべてを持つ：

... 
    <link href=”https://fonts.googleapis.com/icon?family=Material+Icons" rel=”stylesheet”> 
    </head> 
... 

私はいくつかの方法を試してみました同じ結果。私はボタンを見るが、その上にテキストがある。アイコンだけでも、これらのアプローチのいずれにも表示されませんでした。

Answer 1

angular2-材料が廃止されました@あなたは、今@angular/materialを使用する必要があります。 changelog

app.module参照してください：

import {MaterialModule} from '@angular/material'; 


    @NgModule({ 
     declarations: [AppComponent,... CollapseableComponent], 
     imports: [... MaterialModule.forRoot()], 
     providers: [{ 
     provide: LocationStrategy, 
     useClass: HashLocationStrategy 
     }, ...], 
     bootstrap: [AppComponent] 
    }) 
    export class AppModule { 

    } 

をするだけでも、あなたはフォントのためのあなたのCSSリンクで”代わりの"を使用していることに気づきました。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

Plunker： http://embed.plnkr.co/lAXjoXHZ4YdNgDOMUjPB/

Answer 2

JJBが指摘したように、このいずれかの特定の問題は、index.htmlをで、GoogleのCSSを含む引用符の間違った種類だった（つまり、コピー＆ペーストのエラーでした）。 @ angular2-材料が推奨されていません - 奪う

もっと重要なことは、J J Bが言った他の事です。