使用Angular5更改垫滑块元素的值

时间:2018-07-12 19:58:34

标签: material-design angular5

我的模板中有多个mat-slider元素,我想更改特定滑块的值。我知道如何使用volatile和其他Material Design组件来执行此操作,但是看起来mat-slider无法提供获取特定mat-slider的ID并更改其值的选项!

使用MatRadioButton我可以做到

MatRadioButton

但是由于我无法使用mat-slider按ID进行过滤,如何更改mat-slider元素的值?我想做的是这样的:

@ViewChildren(MatRadioButton) rbuttons;
this.rbuttons.filter(x => x.id == "cars" + id)[0].checked = true;// Works

模板:

 @ViewChildren(MatSlider) sliders;
 this.sliders.filter(x => x.id == "cars" + id)[0].value= 2; // Not working since i cannot filter by Id like i do with MatRadioButton

因此,假设我更改了ID为car34且值为2的第一个滑块,我想更新id为car35的第二个滑块,并将value设为2而不是0。

谢谢

0 个答案:

没有答案