@Viewchild Angular 5, 6 - ElementRef

Question

I have referenced a control with ElementRef of Angular and for this I use this code:

HTML :

<button #btnSaveGeneralData...

Typescript :

@ViewChild ('btnSaveGeneralData') btnSaveGeneralData: ElementRef;

I need to reference to be able to reach the click () event, with javascript I have solved it:

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

but doing so with ElementRef does not work, I get the error "... nativeElement undefined":

this.btnSaveGeneralData.nativeElement.click ();

I could do it with javascript but it's not the idea. Any suggestions, in which I can be wrong?

Thank you.

mahalde · Answer 1 · 2019-10-07T08:56:58.610

1

It works just fine.

Maybe your HTML isn't initialized yet, so the ElementRef would be undefined.
Or you have a spelling error.

edited Oct 07 '19 at 08:56

answered Aug 10 '18 at 13:24

mahalde

I have updated the question. I already did it that way, but I always get an error: "... nativeElement undefined" and if correctly instance "this.btnSaveGeneralData". – configbug Aug 10 '18 at 20:18
When exactly do you call `this.btnSaveGeneralData.nativeElement.click()` in your component? – mahalde Aug 11 '18 at 17:43
@Flix Broken link. Please update if there is one which is correct. – Rupam Datta Oct 03 '19 at 10:44
1

@RupamDatta whoops, I edited the link to a functioning Stackblitz. – mahalde Oct 07 '19 at 08:59

1 Answers1