Angular Google Recaptcha，第 2 列的意外标记

Question

我正在使用来自https://github.com/VividCortex/angular-recaptcha 的Angular Google Recaptcha 指令，但是当我尝试运行我的应用程序时，我收到以下错误：我使用的是我的公钥，而不是我的私钥。我尝试在双引号内添加单引号，结果相同。

错误：[$parse:syntax] 语法错误：令牌“6LflNBo000000000”是表达式 [6LflNBo00000000000-0000000000000] 开始于 [6LflNBo00000000000000000000000000000000000000000

标题：

<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

如果您不将其用作 $scope 变量，只需在您的密钥中加上单引号。

它会是这样的：

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