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

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

angular-material angular

-1

POV · 技术社区 · 6 年前

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

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

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

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

2 回复 | 直到 6 年前

1

Amir Arbabian 6 年前

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

模板

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

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

希望有帮助。

2

1

Akhi Akl 6 年前

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

<button mat-raised-button #button{{'recovery' | translate}}</button>


 @ViewChild('button') button
 ngOnInit() {
      this.button.focus()
 }