0

Material 2を使用して、Angular 2プロジェクトに取り組んでいます。何らかの理由でアイコンが表示されず、アイコンの「キー」となるはずのものだけがテキストとして表示されます。

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:

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

私はいくつかの方法を試しました：

  <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>

あと5回ぐらい試してみたけど結果は同じ。ボタンは表示されますが、テキストが表示されています。これらのアプローチのいずれにおいても、アイコンだけでは表示されませんでした。

4

3 に答える 3

0

JJB が指摘したように、これに関する特定の問題は、index.html に Google css を含める際の間違った種類の引用符でした (これはコピー アンド ペースト エラーでした)。

取り除くべきより重要なことは、JJB が言ったもう 1 つのことです - @angular2-material は非推奨です。

于 2016-12-11T11:35:04.860 に答える