代码之家  ›  专栏  ›  技术社区  ›  POV

如何设置MatButton活动(聚焦)角度?

  •  -1
  • POV  · 技术社区  · 5 年前

    当第一次和第二次用户进入页面时,放置的按钮不聚焦,并以灰色突出显示。我尝试设置自动对焦:

    <button mat-raised-button color="primary" autofocus>{{'recovery' | translate}}</button>
    

    我认为这是材料纽扣的缺陷。

    如何在最后一个角度设置聚焦材质按钮?

    2 回复  |  直到 5 年前
        1
  •  1
  •   Amir Arbabian    5 年前

    您可以将焦点设置到组件生命周期挂钩处的按钮上。 后进 例如:

    模板

    <button mat-raised-button color="primary" #btnRef="matButton">{{'recovery' | translate}}</button>
    

    Ts文件

    ...
    @ViewChild('btnRef') buttonRef: MatButton;
    ...
    ngAfterViewInit() {
       this.buttonRef.focus();
    }
    ...
    

    希望有帮助。

        2
  •  1
  •   Akhi Akl    5 年前

    您可以使用mat按钮的焦点方法

    <button mat-raised-button #button{{'recovery' | translate}}</button>
    
    
     @ViewChild('button') button
     ngOnInit() {
          this.button.focus()
     }