Ionic framework 爱奥尼亚5号谷歌雷帕查堂'；t show-ng-tcha

我想创建一个带有注册和Google Recaptcha的web应用程序。我的目标是：

我想使用普通版本，但Google Recaptcha不会显示在HTML中。我错了什么？ 这是我的代码，有什么遗漏请写信给我

app.module.ts:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

import { RecaptchaModule, RECAPTCHA_SETTINGS, RecaptchaSettings } from 'ng-recaptcha';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, RecaptchaModule],
  providers: [
    StatusBar,
    SplashScreen,
    {
      provide: RECAPTCHA_SETTINGS,
  useValue: {
    siteKey: '6Lee7qgZAAAAAC6i7J0fkf0_7ShBQKSXx8MafWHZ',
  } as RecaptchaSettings,
},
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
],
bootstrap: [AppComponent]
})
export class AppModule {}

home.page.html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      Blank
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
    <re-captcha (resolved)="resolveCaptcha($event)"></re-captcha>
</ion-content>

---

谢谢你的帮助。

我找到了问题的答案：

*.html

<re-captcha (resolved)="resolved($event)"></re-captcha>

*.module.ts

import { RecaptchaComponent, RECAPTCHA_SETTINGS, RecaptchaSettings, RecaptchaModule } from 'ng-recaptcha' // muss  hinzugefühgt werden /** nur wenn es auf einer seite sein soll */

@NgModule({
  imports: [
    CommonModule,
    ...
    RecaptchaModule,
  ],
  declarations: [RegisterPage],

  providers: [
    {
      provide: RECAPTCHA_SETTINGS,
      useValue: {
        siteKey: '6Lee7qgZAAAAAC6i7J0fkf0_7ShBQKSXx8MafWHZ',
      } as RecaptchaSettings,
    },
  ],
})

  resolved(response: string) {
    console.log(`Resolved captcha with response: ${response}`);    if(response != null)
    if(response != null && response != undefined) {
      this.captchaPassed = !this.captchaPassed;
    }
  }

import { RecaptchaComponent, RECAPTCHA_SETTINGS, RecaptchaSettings, RecaptchaModule } from 'ng-recaptcha' // muss  hinzugefühgt werden /** nur wenn es auf einer seite sein soll */

@NgModule({
  imports: [
    CommonModule,
    ...
    RecaptchaModule,
  ],
  declarations: [RegisterPage],

  providers: [
    {
      provide: RECAPTCHA_SETTINGS,
      useValue: {
        siteKey: '6Lee7qgZAAAAAC6i7J0fkf0_7ShBQKSXx8MafWHZ',
      } as RecaptchaSettings,
    },
  ],
})