angular - 如何在 Angular Material 中使用 mat-slide-toggle 的 MatSlideToggleChange

Question

我正在尝试使用表单中的开关来切换同一表单中两个下拉菜单之一的外观。我相信这意味着我想使用由 MatSlide 切换发出的 MatSlideToggleChange 类。不幸的是，documentation没有提供如何将 MatSlideToggleChange 类与 MatSlide 一起使用的示例。

有人这样用过MatSlide吗？

Answer 1

您可以使用输出更改属性来切换其更改值

<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