如何通过Material Design和Angular 5获取MatSlider的ID

时间:2018-07-12 14:23:02

标签: material-design angular5

有没有一种方法可以在Material design中获取滑块的ID?由于我的模板中将包含多个silders,因此我想获取特定滑块的ID,以便可以从Controller更改其值。 Angular Material Api没有提供该选项,但是为什么它与MatRadioButton和MatSlideToggle而不是MatSlider一起使用?这背后有原因吗?

<mat-slider min="0" max="2" step="1" (change)="selectSlider(event)" id="id1"></mat-slider>
<mat-slider min="0" max="2" step="1" (change)="selectSlider(event)" id="id2"></mat-slider>

因此,在我的控制器中,我可以获取滑块信息并更改行为

@ViewChildren(MatSlider) sliders;

selectSlider(id) {
  this.sliders.filter(x => x.id == 'id' + id);
}

0 个答案:

没有答案