fix(component): use ElementRef to access component's native element

Closes #48, #68
DethAriel · Dec 26, 2017 · d3a8409 · d3a8409
1 parent fd7e063
commit d3a8409
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/recaptcha/recaptcha.component.ts b/recaptcha/recaptcha.component.ts
@@ -1,6 +1,7 @@
 import {
   AfterViewInit,
   Component,
+  ElementRef,
   EventEmitter,
   HostBinding,
   Inject,
@@ -44,6 +45,7 @@ export class RecaptchaComponent implements AfterViewInit, OnDestroy {
   private grecaptcha: ReCaptchaV2.ReCaptcha;
 
   constructor(
+    private elementRef: ElementRef,
     private loader: RecaptchaLoaderService,
     private zone: NgZone,
     @Optional() @Inject(RECAPTCHA_SETTINGS) settings?: RecaptchaSettings,
@@ -121,7 +123,7 @@ export class RecaptchaComponent implements AfterViewInit, OnDestroy {
 
   /** @internal */
   private renderRecaptcha() {
-    this.widget = this.grecaptcha.render(this.id, {
+    this.widget = this.grecaptcha.render(this.elementRef.nativeElement, {
       badge: this.badge,
       callback: (response: string) => {
         this.zone.run(() => this.captchaReponseCallback(response));