angular2具有角材料不具有任何影響

Question

我跟所有指令給出這裏：https://material.angular.io/guide/getting-started

但是沒有施加材料的風格。

在我的index.html：

<!-- material theme --> 
    <link href="node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

在module.ts

：

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

@NgModule({ 
    declarations: [ 
    AppComponent, 
    HomeComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    MaterialModule.forRoot() 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

，然後我有一個組件模板爲：

<form> 
    <!-- title --> 
    <md-input-container> 
     <input md-input placeholder="Title"> 
    </md-input-container> 
    <!-- Description --> 
    <md-input-container> 
     <input md-input placeholder="Description"> 
    </md-input-container> 
    <!-- priority --> 
    <md-select placeholder="Priority"> 
     <md-option *ngFor="let priority of priorities" > 
      {{ priority }} 
     </md-option> 
    </md-select> 
    <!-- tags --> 
    <md-chip-list> 
     <md-chip>UI</md-chip> 
     <md-chip>Performance</md-chip> 
     <md-chip>Design</md-chip> 
    </md-chip-list> 


</form> 

不過貌似沒有應用主題，芯片看起來不像芯片，基本上沒有顏色。

我在做什麼錯？

Answer 1

指南角CLI：

選擇主題，你想使用：靛藍粉，deeppurple琥珀色，粉紅色bluegrey，紫綠色。

更新beta.3

styles.css的

@import '~@angular/material/prebuilt-themes/deeppurple-amber.c‌​ss'; 

styles.scss

@import '~@angular/material/prebuilt-themes/indigo-pink'; 

============ =======

styles.css的

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.c‌​ss'; 

styles.scss

@import '~@angular/material/core/theming/prebuilt/indigo-pink';