适用于Angular的Google reCaptcha验证码组件6+

适用于Angular的Google reCaptcha验证码组件6+
发布时间 2020年5月22日
插件作者 Enngage

Google Angular 6及更高版本的reCaptcha验证码。

对于Angular 6,请在5.0.0或更低版本上使用ngx-captcha
对于Angular 7,在6.0.0或更高版本上使用ngx-captcha

安装:

# NPM
$ npm install ngx-captcha --save

使用

导入NgxCaptchaModule模块

import { NgModule } from '@angular/core';
import { NgxCaptchaModule } from 'ngx-captcha';

@NgModule({
  imports: [
    ....,
    NgxCaptchaModule
  })

export class AppModule { }

采用

<form [formGroup]="aFormGroup">
  <ngx-recaptcha2
    [siteKey]="siteKey"
    [size]="size"
    [hl]="lang"
    [theme]="theme"
    [type]="type"
    [useGlobalDomain]="false"
    (reset)="handleReset()"
    (expire)="handleExpire()"
    (load)="handleLoad()"
    (success)="handleSuccess($event)"
    formControlName="recaptcha">
  </ngx-recaptcha2>
</form>
export class YourComponent implements OnInit {
    protected aFormGroup: FormGroup;

    constructor(private formBuilder: FormBuilder) {}

    ngOnInit() {
      this.aFormGroup = this.formBuilder.group({
        recaptcha: ['', Validators.required]
      });
    }
  }