title: Recaptcha google on angular 6 implementation
body: <p>im trying to implement recaptcha2 in angular but i dont know where i put the step 3 in my code <a href="https://www.npmjs.com/package/angular-google-recaptcha" rel="nofollow noreferrer">https://www.npmjs.com/package/angular-google-recaptcha</a>
  im creating a form that need this,here's where i put the captcha:</p>
  
  <pre><code>&lt;div class="form-group-log text-center but-form"&gt;
      &lt;div class="g-recaptcha" data-sitekey="" data-callback="enableButtonEnviar"&gt;
      &lt;/div&gt;
      &lt;button type="submit" disabled="disabled" class="btn btn-outline-primary btn-block btn-w-240 " id="Btn-enviar" data-dismiss="modal"&gt;
          Entrar
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but doesnt display nothing. in the link says that i need to put this but i dont know where, if i put it in my login.ts only shows the captcha</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
      selector: 'app',
      template: `
          &lt;recaptcha
            [(ngModel)]="myRecaptcha"
            (scriptLoad)="onScriptLoad()"
            (scriptError)="onScriptError()"
          &gt;&lt;/recaptcha&gt;
      `
  })
  export class AppComponent {
      myRecaptcha: boolean
  
      onScriptLoad() {
          console.log('Google reCAPTCHA loaded and is ready for use!')
      }
  
      onScriptError() {
          console.log('Something went long when loading the Google reCAPTCHA')
      }
  }
  </code></pre>