Отображать reCaptcha V3 только в компоненте входа в Angular - PullRequest
Новая
       42

Отображать reCaptcha V3 только в компоненте входа в Angular

0 голосов
/ 26 мая 2020

У меня есть приложение Angular. Я пытаюсь добавить reCaptcha V3 на мою страницу входа.

Все работает, но значок recaptcha отображается на всех страницах моего приложения. Мне нужно только отобразить страницу входа в систему со значком recaptcha.

Я включил скрипт в свой индекс. html 

<script src="https://www.google.com/recaptcha/api.js?render=MYSITEKEY"></script>

Мой login.component.ts 

declare var grecaptcha: any;

export class LoginComponent implements OnInit {
private REC_SITEKEY= environment.REC_SITEKEY;
ngOnInit() {

  grecaptcha.ready(() => {
    grecaptcha.execute(this.REC_SITEKEY, { action: 'validate_captcha' }).then((token) => {
      this.rec_response=token;
    });
  });
  }
  }

Я знаю, что вызываю скрипт в index. html. Значит, значок отображается на всей странице. Но я стараюсь включить сценарий в login.component. html. Но это не работает.

Поэтому мне нужно скрыть значок на всех страницах, кроме компонента входа. Как я могу это сделать?

...