web-dev-qa-db-ja.com

Angular Materialでmat-slide-toggleのMatSlideToggleChangeを使用する方法

フォーム内のスイッチを使用して、同じフォーム内の2つのドロップダウンメニューのいずれかの外観を切り替えようとしています。これは、MatSlideトグルによって発行されるMatSlideToggleChangeクラスを使用することを意味すると考えています。残念ながら、 documentation は、MatSlideでMatSlideToggleChangeクラスを使用する方法の例を提供していません。

誰かがこの方法でMatSlideを使用しましたか?

7
Atticus29

出力変更プロパティを使用して変更値を傾斜させることができます

<mat-slide-toggle
   [(ngModel)]="checked"
   class="example-margin"
   [color]="color"
   (change)="changed()">
     Slide me! {{checked}}
</mat-slide-toggle>

コンポーネント

color = 'accent';
checked = false;

  changed(){
    console.log(this.checked)
  }

デモ stackblitz

15
Abinesh Joyel