Skip to content

Material UI

安裝 Angular Material

ng add @angular/material

顯示一個元件

我們在應用中顯示一個滑塊開關元件，來驗證一切正常。

你需要透過把以下程式碼新增到 app.module.ts 檔案中來匯入 MatSlideToggleModule

import { MatSlideToggleModule } from '@angular/material/slide-toggle';

@NgModule ({
  imports: [
    MatSlideToggleModule,
  ]
})
class AppModule {}

把 <mat-slide-toggle> 標籤新增到 app.component.html，就像這樣：

<mat-slide-toggle>Toggle me!</mat-slide-toggle>

執行本地開發伺服器：

ng serve

元件 Components

Angular Material 包含一大組基於 Material Design 規範的 UI 元件。