如何禁用材质滑块

Question

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

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

我需要在我的组件上显示它，并使用来自数据库的一些特定值，并且在它更改为数据库之前无法更改。

Answer 1

假设您有一个如下所示的模型

export interface MyModel {
   someValue: number;
}

然后您可以使用一些调用 API 的服务将其加载到组件中。只需通过禁用输入将条件传递给它即可。

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