以下是在您的项目中安装 Angular Material 的步骤:

  • 首先,确保您已经安装了 Angular CLI。如果没有安装,请访问我们的Angular CLI 安装页面获取详细信息。

  • 使用 Angular CLI 创建一个新的 Angular 项目(如果您还没有的话):

    ng new my-app
    
  • 进入您的项目目录:

    cd my-app
    
  • 安装 Angular Material:

    ng add @angular/material
    
  • 选择您希望安装的组件和主题。您可以使用下面的命令:

    ng add @angular/material @angular/cdk
    
  • 安装完成后,您可以在项目的 angular.json 文件中找到 @angular/material 相关的配置。

  • 为了使用 Angular Material,您需要在 app.module.ts 中导入 MatModule

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { MatButtonModule } from '@angular/material/button';
    
    import { AppComponent } from './app.component';
    
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        BrowserAnimationsModule,
        MatButtonModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    
  • 现在您可以使用 Angular Material 组件了,比如添加一个按钮:

    <button mat-button>点击我</button>
    

![Angular Material Logo](https://cloud-image.ullrai.com/q/Angular_Material Logo/)

更多信息,请访问我们的Angular Material 文档