fix(component): handle id input parameter correctly

Fix an issue with `id` input parameter. Now, if it is provided, recaptcha will work correctly
DethAriel · Mar 13, 2017 · b578fe5 · b578fe5
1 parent 4148523
commit b578fe5
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/recaptcha/recaptcha.component.ts b/recaptcha/recaptcha.component.ts
@@ -2,6 +2,7 @@ import {
   AfterViewInit,
   Component,
   EventEmitter,
+  HostBinding,
   Input,
   NgZone,
   OnDestroy,
@@ -15,10 +16,12 @@ let nextId = 0;
 
 @Component({
   selector: 'recaptcha',
-  template: `<div [id]="id"></div>`,
+  template: ``,
 })
 export class RecaptchaComponent implements AfterViewInit, OnDestroy {
-  @Input() public id = `ngrecaptcha-${nextId++}`;
+  @Input()
+  @HostBinding('attr.id')
+  public id = `ngrecaptcha-${nextId++}`;
 
   @Input() public siteKey: string;
   @Input() public theme: ReCaptchaV2.Theme;