Angular2Dart 中的 reCAPTCHA

Question

我正在尝试在 Angular2dart 应用程序中使用 google reCAPTCHA。在 index.html 我有

https://www.google.com/recaptcha/api.js'>

组件的标记有 -

div class="g-recaptcha" data-sitekey="站点密钥值">

然而，即使在刷新后，验证码也不会在 Dartium 中显示。如果我使用 pub build 构建应用程序，将其部署到容器中，然后使用 Chrome 或其他浏览器访问它，第一次不会显示验证码，但刷新后会显示验证码。有没有类似Angular recaptcha (https://github.com/VividCortex/angular-recaptcha)的Dart库？

此外，如何在控制器中访问 reCaptcha 响应？我尝试使用

@ViewChild('heroForm') NgForm heroForm;

但 heroForm.value 地图不包含 reCaptcha 响应。

Answer 1

看看这个 https://github.com/lejard-h/angular_recaptcha

问题是组件是在recaptcha脚本之后加载的，所以你必须自己渲染验证码。

我做了一个简单的组件，但没有完整的表单集成，请随意分叉和拉取请求。