#1 recaptcha component: move initialization in AfterViewInit

alfio-event · Jun 16, 2019 · 9ddc18e · 9ddc18e
1 parent d7c06d8
commit 9ddc18e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/app/recaptcha/recaptcha.component.html b/src/app/recaptcha/recaptcha.component.html
diff --git a/src/app/recaptcha/recaptcha.component.ts b/src/app/recaptcha/recaptcha.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, Input, ElementRef, OnDestroy, ViewChild, Output, EventEmitter } from '@angular/core';
+import { Component, Input, ElementRef, OnDestroy, ViewChild, Output, EventEmitter, AfterViewInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Subscription } from 'rxjs';
 
@@ -9,24 +9,24 @@ let idCallback = 0;
 
 @Component({
   selector: 'app-recaptcha',
-  templateUrl: './recaptcha.component.html'
+  template: '<div #targetElement class="c-container"></div>'
 })
-export class RecaptchaComponent implements OnInit, OnDestroy {
+export class RecaptchaComponent implements OnDestroy, AfterViewInit {
 
   @Input()
   apiKey: string;
 
   private langSub: Subscription;
 
   @ViewChild('targetElement')
-  private targetElement: ElementRef;
+  private targetElement: ElementRef<HTMLDivElement>;
 
   @Output()
   recaptchaResponse: EventEmitter<string> = new EventEmitter<string>();
 
   constructor(private translate: TranslateService) { }
 
-  ngOnInit() {
+  ngAfterViewInit() {
 
     if (!document.getElementById('recaptcha-api-script')) {
       const scriptElem = document.createElement('script');