javascript - @Viewchild Angular 5、6 - ElementRef

Question

我使用 Angular 的 ElementRef 引用了一个控件，为此我使用以下代码：

HTML：

<button #btnSaveGeneralData...

打字稿：

@ViewChild ('btnSaveGeneralData') btnSaveGeneralData: ElementRef;

我需要参考才能到达click()事件，用javascript我已经解决了：

let buttonDG: any = document.getElementsByName ('btnGaveDG') [0];
buttonDG.click ();

但是使用 ElementRef 这样做不起作用，我收到错误“... nativeElement undefined”：

this.btnSaveGeneralData.nativeElement.click ();

我可以用 javascript 做到这一点，但这不是想法。有什么建议，我可能错了吗？

谢谢你。

标签： javascriptangulartypescriptviewchildelementref

Answer 1

它工作得很好。

也许您的 HTML 尚未初始化，所以ElementRef会是undefined.
或者您有拼写错误。

功能堆栈闪电战