Angular Material 快速入门

欢迎使用 Angular Material，这是一个为 Angular 应用提供丰富 UI 组件和功能的框架。以下是一些快速入门的步骤，帮助您开始使用 Angular Material。

安装 Angular CLI

首先，您需要安装 Angular CLI，这是一个命令行界面工具，用于初始化、开发、构建和测试 Angular 应用。

npm install -g @angular/cli

创建新项目

使用 Angular CLI 创建一个新项目：

ng new my-angular-material-app

进入项目目录：

cd my-angular-material-app

安装 Angular Material

在项目中安装 Angular Material：

ng add @angular/material

按照提示选择所需的组件和主题。

创建组件

创建一个新的组件，例如 my-material-component：

ng generate component my-material-component

使用 Angular Material 组件

在组件的 HTML 文件中，您可以使用 Angular Material 组件。例如，使用一个按钮：

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

在组件的 TypeScript 文件中，您需要导入所需的模块：

import { Component } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';

@Component({
  selector: 'app-my-material-component',
  templateUrl: './my-material-component.component.html',
  styleUrls: ['./my-material-component.component.css'],
  standalone: true,
  imports: [ MatButtonModule ]
})
export class MyMaterialComponentComponent {}

查看文档

要了解更多关于 Angular Material 的信息，请访问官方文档。

下载示例代码

您可以从Angular Material 示例代码库下载示例代码，以便学习和参考。

Angular Material