角度2のGoogle Recaptcha予期しないトークン

Question

https://github.com/VividCortex/angular-recaptchaからAngular Google Recaptchaディレクティブを使用していますが、アプリケーションを実行しようとすると次のエラーが表示されます。私のプライベートキーではなく公開キーを使用しています。私は二重引用符の中に一重引用符を追加しようとしましたが、同じ結果があります。

エラー：[$ parse：syntax]構文エラー：トークン '6LflNBo000000000'は[6LflNBo00000000-0000000000000000]で始まる[6LflNBo00000000000-0000000000000]という式の第2列の予期しないトークンです。

ヘッダー：

<script src='https://www.google.com/recaptcha/api.js'></script> 

フッター：

<script src="https://www.google.com/recaptcha/api.js?onload=vcRecaptchaApiLoaded&render=explicit" async defer ></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-recaptcha/3.0.3/angular-recaptcha.min.js"></script> 

AngularJS：

angular.module('main', ['ngSanitize', 'ngRoute', 'cb.x2js', 'ui.bootstrap', 'vcRecaptcha'])..... 

HTML：

<div 
    vc-recaptcha 
    key="6LflNBo000000000-000000000000000" //key 
    ng-model="user.captcha" // --> used for validation> 
</div> 

Answer 1

同じ問題が発生しました。そのgithubエントリのデモコードが古いか正しくないようです。私がしたことはデモサイトに直接行ったことです：http://vividcortex.github.io/angular-recaptcha/

angularjsとrecaptchaのコード全体が作業中のため、実際のデモ版のソースを見ることができます。それは私のために働いた。

Answer 2

$ scope変数として使用していない場合は、単一引用符をキーに入れるだけです。

それはそのようになります：

<div 
    vc-recaptcha 
    key="'6LflNBo000000000-000000000000000'" //key 
    ng-model="user.captcha" // --> used for validation> 
</div>