angular - 如何让 Angular Material Slider 出现在标签之后？

Question

我正在查看 Angular Material 的 Sliders 的码头。 .默认情况下， slider 会出现，并且标签如下所示:

但是，我想要文本“自动批准？”出现在 slider 选项之前。根据文档，我需要使用我不太熟悉的 Angular 输入模块。根据我所阅读的内容，我应该在我的组件中这样做:

 import {Matslidetogglemodule} from '@angular/material'
    ... 

   @Component({
       ...
   }) export class MyComponent{

      @Input()
      labelPosition: string = 'before'

   }

@input 应该将标签更改为显示在 slider 之前，但事实并非如此。我理解错了吗？

Answer 1

您的组件中不需要 @Input。

只需在您的组件中创建例如 labelPosition 变量并将其设置为 'before'。

然后在你的 mat-slide-toogle 标签上的模板中添加这个变量作为 [labelPosition]="labelPosition"

查看 stackblitz .