首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular Google Recaptcha |如何获取recaptcha token结果

Angular Google Recaptcha |如何获取recaptcha token结果
EN

Stack Overflow用户
提问于 2020-07-02 10:24:50
回答 1查看 130关注 0票数 0

我在我的Angular 7项目中使用了Angular Google Recaptcha,在我安装它之后它就可以工作了。但问题是,我不知道如何在他们提供的文档中重新获得Recaptcha令牌。有人知道吗?

到目前为止,我在文档中只看到了两个函数。这是完整的工作包吗?

EN

回答 1

Stack Overflow用户

发布于 2020-07-02 10:46:21

根据文档,您可以将该包与反应式表单和模板驱动表单一起使用。他们还在https://github.com/JamesHenry/angular-google-recaptcha#readme中提供了两个示例。

如果您采用反应式表单方法,则可以从FormControl值中获取令牌,如下所示:

代码语言:javascript
运行
复制
import { Component, On Init } from '@angular/core';
import { FormControl } from '@angular/forms';

@Component({
    selector: 'app',
    template: `
        <recaptcha
          [formControl]="myRecaptcha"
          (scriptLoad)="onScriptLoad()"
          (scriptError)="onScriptError()"
        ></recaptcha>
    `
})
export class AppComponent implements onInit {
    myRecaptcha = new FormControl(false);

    ngOnInit() {
        this.myRecaptcha.valueChanges.subscribe(token => console.log(token));
    }

    onScriptLoad() {
        console.log('Google reCAPTCHA loaded and is ready for use!')
    }

    onScriptError() {
        console.log('Something went long when loading the Google reCAPTCHA')
    }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62688025

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档