如何在angular中创建一个Google登录按钮

Question

我的HTML代码中，我想创建一个按钮谷歌登录，并把它放在页面的中间。我用的是angular这是login.component.html

的代码

<button class="btn btn-block google-sign-in" border:none; width:110px; height:40px; border-radius:3% (click)="signInHandler()">
<img [src]="'assets/images/google.svg'" alt="google"/>
<span>Continue with Google</span>
</button>

但是它不起作用

Answer 1

正如@Mr.Kumar所述，您想要实现的目标有很多可用的方法。我建议尝试angularx-social-login插件。它允许你使用各种SDK的(一旦登录)由谷歌，Facebook，亚马逊，微软和VK。

运行npm i angularx-social-login。

查看演示:https://abacritt.github.io/angularx-social-login/

NPM Page: https://www.npmjs.com/package/angularx-social-login