如何解决如何在使用 formGroup 配置的表单中使用 mat-slider?角材料
我创建了一个表单,它具有文本类型的输入和一个用于获取数值的垫子滑块
// TS
this.consumptionForm = this.formBuilder.group({
dailyConsumption: ['',Validators.required],cost: [20,});
// HTML
<form #form="ngForm" [formGroup]="consumptionForm" novalidate>
<label>Cost</label>
<mat-slider formControlName="cost" [min]="10" [max]="1000" >
</mat-slider>
<div>
<mat-form-field [floatLabel]="true">
<mat-label>Daily Consumption</mat-label>
<input matInput formControlName="dailyConsumption"/>
</mat-form-field>
</div>
</form>
我希望 mat-slider 与表单的其余部分一起工作,如果无法知道使用哪种方法来使用它。
我发现 formControlName 不起作用
解决方法
这是您在 Stackblitz 上的问题的有效实现。
我添加了一个额外的获取按钮来在控制台中记录表单值。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。