Angular 如何使角度材质滑块显示在标签之后?

Angular 如何使角度材质滑块显示在标签之后?,angular,typescript,angular-material,Angular,Typescript,Angular Material,我正在码头上寻找棱角材料。默认情况下,将显示滑块,标签如下所示: 但是,我希望文本“自动批准”显示在滑块选项之前。根据文件,我需要使用输入模块的角度,我不太熟悉。根据我所阅读的内容,我应该在我的组件中执行以下操作: import {Matslidetogglemodule} from '@angular/material' ... @Component({ ... }) export class MyComponent{ @Input()

我正在码头上寻找棱角材料。默认情况下,将显示滑块,标签如下所示:

但是,我希望文本“自动批准”显示在滑块选项之前。根据文件,我需要使用输入模块的角度,我不太熟悉。根据我所阅读的内容,我应该在我的组件中执行以下操作:

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

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

      @Input()
      labelPosition: string = 'before'

   }

@input
应该将标签更改为显示在滑块之前,但它不会。我理解错了吗?

组件中不需要
@Input

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

然后,在垫子上的模板中,将该变量添加为以下变量:
[labelPosition]=“labelPosition”

看这个