angular2は、ここに与えられたとして、私はすべての指示に従っ

Question

効果がありません。そこにあるよう

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

はしかしなりますmodule.tsで

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

：私のindex.htmlで

として

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

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

、その後、私はコンポーネントテンプレートを持っていますテーマは適用されず、チップはチップのように見えず、色は基本的にありません。

私が間違って何をしているのですか？角度CLI用

Answer 1

ガイド：インディゴ・ピンク、ディープ・パープル、アンバー、ピンクbluegrey、紫、緑：

使用あなたがしたいテーマを選択します。

Styles.cssを

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

styles.scss

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

beta.3

更新============ =======

Styles.cssを

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

styles.scss

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