标签: mat-slider

我创建了一个表单，其中包含文本类型的输入和垫滑块以获取数值

// TS
this.consumptionForm = this.formBuilder.group({
      dailyConsumption: ['', Validators.required],
      cost: [20, Validators.required],
    });

// 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>

我希望垫子滑块能够与表单的其余部分结合使用，并且如果无法知道使用哪种方法来使用它。

我发现 formControlName 不起作用

所以我在这个项目中使用了 Mat Slider，并在其拇指上显示文本值，但拇指大小对于我的文本来说太小了！我寻找了很多改变拇指大小的方法，但我没有找到任何东西！我不太擅长 CSS，所以我不能乱搞它来尝试让它工作起来！你能帮我么 ？

编辑：

我希望这个词适合拇指