Angular Material 是一个基于 Material Design 的 UI 组件库,它可以帮助开发者快速构建具有现代感的网页和移动应用。

快速入门

  1. 安装 Angular CLI 在命令行中运行以下命令来安装 Angular CLI:

    npm install -g @angular/cli
    
  2. 创建新项目 使用以下命令创建一个新的 Angular 项目:

    ng new my-app
    
  3. 导航到项目目录

    cd my-app
    
  4. 生成组件 使用以下命令生成一个新的组件:

    ng generate component my-component
    
  5. 运行应用 使用以下命令运行应用:

    ng serve
    

组件示例

以下是一个简单的 Angular Material 表格组件示例:

<mat-table [dataSource]="dataSource">
  <!-- Column headers -->
  <ng-container matColumnDef="name">
    <th mat-header-cell *matHeaderCellDef>姓名</th>
    <td mat-cell *matCellDef="let element"> {{element.name}} </td>
  </ng-container>

  <!-- More columns can be added here -->

</mat-table>

图片示例

Angular Material Logo

扩展阅读

更多关于 Angular Material 的文档,请访问我们的官方文档.