如何将电报身份验证小部件添加到Angular组件？

问题描述

如何将电报验证按钮小部件添加到Angular组件中？

我尝试了这个，但是没有用。 Onclikc onTelegram const t = undefined

      ngOnInit() {
        window["loginViaTelegram"] = loginData => this.loginViaTelegram2(loginData);
      }
    
      ngAfterContentinit() {
        this.convertToScript();
      }
    
      convertToScript() {
        const element = this.script.nativeElement;
        const script = document.createElement("script");
        script.src = "https://telegram.org/js/telegram-widget.js?5";
        script.setAttribute("data-telegram-login","jozikrobot");
        script.setAttribute("data-size","large");
        // Callback function in global scope
        script.setAttribute("data-onauth","loginViaTelegram(user)");
        script.setAttribute("data-request-access","write");
        element.parentElement.replaceChild(script,element);
      }
    
      public onTelegram() {
        console.log("onTelegram");
        const t = (window as any).TWidgetLogin;
        t.auth();
      }
   

      <div #script>
        <ng-content></ng-content>
      </div>
      <button (click)="onTelegram()">{{ "Telegram" }}</button>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular telegram-api