如何禁用材质滑块

Question

我正在使用Angluar进行材料设计，我遇到了一些问题，所以问题是如何在某些特定值上禁用材质滑块

<mat-slider min="1" max="5" step="0.5" value="{{myVar}}"></mat-slider>

我需要在我的组件上显示一些来自db的特定值，并且在它变为db之前不能更改。

Answer 1

那么让我们说你有一个看起来像这样的模型

export interface MyModel {
   someValue: number;
}

然后使用调用API的某项服务将其加载到组件中。只需通过disabled input将条件传递给它。

<mat-slider [disabled]="myModel.someValue > 50" min="1" max="5" step="0.5" value="{{myVar}}"></mat-slider>

Answer 2

实际上你可以像这样使用disabled

<mat-slider min="1" max="5" disabled  step="0.5" value="{{myVar}}"></mat-slider>

没什么大不了的。