如何在标签后出现Angular Material Slider？

Question

我正在寻找Angular Material的Sliders码头。默认情况下，滑块出现，标签跟随它，如下所示：

但是，我希望文本“自动批准？”出现在滑块选项之前。根据文档，我需要使用Angular的Input模块，我并不熟悉它。根据我所读到的内容，我应该在我的组件中执行此操作：

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

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

      @Input()
      labelPosition: string = 'before'

   }

@input应该更改标签以显示在滑块之前，但事实并非如此。我理解这个错误吗？

Answer 1

您的组件中不需要@Input。

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

然后在您的mat-slide-toogle标记的模板中，将此变量添加为此[labelPosition]="labelPosition"

请参阅此stackblitz。