角度材料的角度2没有任何影响

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

Angular CLI指南：

选择你想要使用的主题：靛蓝色，深红色，琥珀色，粉红色 - 蓝色，紫色 - 绿色。

更新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';