Невозможно прочитать значение свойства 'null' | angular-recaptcha

Question

В моем SPA я использую угловую рекапчу. У меня есть форма reCaptcha в двух разных местах. Если я завершу какой-либо из reCaptchas, я не смогу закончить другой или тот же самый, пока я не очищу свой кеш.

Ошибка:

Cannot read property 'value' of null

Я нашел несколько онлайн-ресурсов, как: https://gedgei.wordpress.com/2015/08/07/using-recaptcha-in-single-page-applications/

Я следил, что руководство в меру моих возможностей и ошибка сохраняется.

HTML:

<div class="g-recaptcha" vc-recaptcha key="publicKey" on-create=getRecaptchaId(widgetId)"> 

контроллер:

var newWidgetId; 

    $scope.getWidgetId = function(widgetId) { 
    newWidgetId = widgetId; 
    return; 
    }; 

    var reCaptcha = vcRecaptchaService.getResponse(newWidgetId) 

Answer 1

Ваш обработчик события on-creategetRecaptchaId(widgetId) не ограничена в рамках вашего контроллера.

На геймпаде изменение:

var getWidgetId = function(widgetId) { 
    newWidgetId = widgetId; 
    return; 
}; 

To:

$scope.getRecaptchaId = function(widgetId) { 
    newWidgetId = widgetId; 
    return; 
};