Question

我将“ Angular Material”的“滑动”切换组件包含到我的视图中，我想禁用拖动选项，只允许单击功能。

此切换不在窗体内，而是在我的DOM中，以便使用组件中的NgModel功能更改值。我已经尝试使用材质的disableDragValue API本机功能，但是它没有禁用拖动选项。

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

预期：禁用拖动滑块切换的可能性结果：我无法在其上禁用拖动选项

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}},
  ]
})

如何在“角度材质滑动”切换组件上禁用拖动选项

1 个答案: