使用 Angular CLI 进行安装或设置

在这个例子中，我们将使用 @angular/cli（最新）和最新版本的 @angular/material。在继续执行以下步骤之前，你至少应该了解 Angular 2/4 的基础知识。

1. 从 npm 安装角度材料模块：

   npm install @angular/material --save
   

Version >= 2.0.0 beta.3

这仅适用于 2.0.0-beta.3 及以上版本。

安装 @angular/animations 模块：

npm install @angular/animations --save

Version >= 2.0.0 beta.8

这仅适用于 2.0.0-beta.8 及以上版本。

安装 @angular/cdk 模块：

npm install @angular/cdk --save

2. 在你的应用程序模块中导入你要使用的组件：

   import { NgModule } from '@angular/core';
   import { CommonModule } from '@angular/common';
   import { RouterModule } from '@angular/router';
   import { MdButtonModule, MdSnackBarModule, MdSidenavModule } from '@angular/material';
   
   import { AppComponent } from './app.component';
   
   import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
   
   @NgModule({
        imports: [
            BrowserAnimationsModule,
            MdButtonModule,
            MdSnackBarModule,
            MdSidenavModule,
            CommonModule,
            // This is optional unless you want to have routing in your app
            // RouterModule.forRoot([
            //     { path: '', component: HomeView, pathMatch: 'full'}
            // ])
        ],
        declarations: [ AppComponent ],
        boostrap: [ AppComponent ]
   })
   export class AppModule {}
   

你现在可以在组件中使用 Angular Material 了！

注意：特定组件的文档即将推出