Angular Material 组件文档

Angular Material 是一个基于 Angular 的 UI 框架，它提供了一系列高质量的 UI 组件，可以帮助开发者快速构建具有现代感的网页应用。

组件列表

以下是一些 Angular Material 中的常用组件：

• 按钮 (Button)

  • 用于触发动作的组件。
  • 了解更多

• 表单 (Form)

  • 用于收集用户输入数据的组件。
  • 了解更多

• 表格 (Table)

  • 用于展示数据列表的组件。
  • 了解更多

• 卡片 (Card)

  • 用于展示信息或内容的组件。
  • 了解更多

• 导航栏 (Navbar)

  • 用于在页面上提供导航的组件。
  • 了解更多

组件使用示例

按钮组件

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

表单组件

<form mat-form>
  <mat-form-field appearance="fill">
    <mat-label>用户名</mat-label>
    <input matInput placeholder="请输入用户名">
  </mat-form-field>
</form>

卡片组件

<mat-card>
  <mat-card-header>
    <mat-card-title>标题</mat-card-title>
    <mat-card-subtitle>副标题</mat-card-subtitle>
  </mat-card-header>
  <mat-card-content>
    这里是卡片的内容。
  </mat-card-content>
</mat-card>

Angular Material 示例