angular - 如何以编程方式单击 Material 元素？

Question

我可以使用 elementref 以编程方式单击按钮元素，但如果按钮是 Material 按钮，则它不起作用

@ViewChild('findButton') findButton: ElementRef;
  clicked() {
  console.log('clicked');
}
ngOnInit() {
  this.findButton.nativeElement.click()
}

在模板中，

<div class="example-button-row">
  <button #findButton (click)="clicked()" mat-raised-button color="primary">Primary</button>
</div>

mat-raised-button 属性造成了这个问题。这是 code在 stackblitz 上

Answer 1

您可以使用以下语法检索与 MatButton 关联的 ElementRef:

@ViewChild('findButton', { read: ElementRef }) findButton: ElementRef;

参见 this stackblitz用于演示。