Angular Material Spinner （5分で作成）

Progress spinnerの使用法

変更するファイルは、
cmaterial.module.tsと、
app.component.html です。

cmaterial.module.ts ファイルの、 モジュールは、
MatProgressSpinnerModule、
を追加しています。

  
import { NgModule } from "@angular/core";
//追加コード
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';

@NgModule({
//変更コード
 exports:[ 
          MatProgressSpinnerModule                 
         ]
})
export class CmaterialModule{}   
  

app.component.html ファイルでは、
mat-spinnerを記入します。

  
 <mat-spinner></mat-spinner>  
  

以上で完了です。
非常にシンプルです。