Как реализовать Google флажок Recaptcha, но он выдает эту ошибку, когда я вхожу

Question

Это мой код .ts файла

getAction() {
    const response = this.grecaptcha.getResponse();
    console.log(response);
    if (response.length === 0) {
      this.errormsg = 'Recaptcha not verified. Please try again!';
      return;
    }
    this.login();

  }

Здесь у меня есть функция, используемая для проверки рекапчи.

Это моя Html.

        <div class="g-recaptcha" ng-model="g-recaptcha-response" data-callback="getAction" data- 
        theme="dark" data-sitekey="key"></div>
        <div class="text-center">
        <input type="submit" [disabled]="loginForm.invalid" class="btn blbtn text-uppercase px-5 py-2 
        rounded my-3"
        (click)="getAction()" value="Login" />
        </div>

Сообщение об ошибке: (Это ошибка, от которой я хочу избавиться)

ОШИБКА TypeError: Невозможно прочитать свойство 'getResponse' из неопределенного в CmsLoginComponent.pu sh .. / src / app /cms/login/login.component.ts.CmsLoginComponent.getAction (login.component.ts: 216)