angular - 如何禁用 Angular Material Slide 切换组件上的拖动选项

Question

我将 Angular Material 的组件 Slide toggle 包含到我的 View 中，我想禁用拖动选项并只允许点击功能。

此切换不在表单内，它只是在我的 DOM 中，以便使用我的组件中的 NgModel 功能更改值。我已经尝试使用 Material 的 disableDragValue API native 功能，但它不会禁用拖动选项。

<mat-slide-toggle [checked]="true" (click)="segmentationEvent()">Segmentation</mat-slide-toggle>

预期:禁用拖动 slider 切换的可能性结果:我无法禁用它的拖动选项

Answer 1

对我来说，这很有效..

import { MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS } from '@angular/material';

@Component({
  selector: 'app-selector',
  templateUrl: './template.html',
  providers: [
    {provide: MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS , useValue: {disableToggleValue: false, disableDragValue: true}},
  ]
})