有角材料的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指南：

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

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