Angular Material 是一个基于 Material Design 的 UI 组件库,它可以帮助开发者快速构建具有现代感的 Web 应用程序。本页面将为您介绍 Angular Material API 的基本使用方法和相关资源。

安装 Angular Material

在您的 Angular 项目中安装 Angular Material 非常简单,只需在 package.json 文件中添加以下依赖:

npm install @angular/material

或者使用 yarn:

yarn add @angular/material

快速开始

要使用 Angular Material,首先需要在您的模块中导入 MatModule

import { MatModule } from '@angular/material';

@NgModule({
  imports: [
    MatModule
  ]
})
export class AppModule { }

组件示例

以下是一个使用 Angular Material 的基本按钮组件的示例:

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

更多组件示例,请访问组件库

图片示例

按钮组件

Button

卡片组件

Card

资源链接