Блог

Главная - Вопросы по программированию - как создать кнопку входа в Google в angular

как создать кнопку входа в Google в angular

#html #angular #google-signin

Вопрос:

Мой HTML-код, в котором я хочу создать кнопку входа в Google, и разместил ее в середине страницы. Я использую 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>

но это не работает

Комментарии:

1. Здесь этого недостаточно.. показать компонент?

Ответ №1:

Как уже говорилось @Mr.Kumar , есть много возможностей для того, чего вы хотите достичь. Я рекомендую попробовать angularx-social-login плагин. Это позволяет вам использовать различные SDK (после входа в систему) от Google, Facebook, Amazon, Microsoft и VK.

Бежать npm i angularx-social-login .

Просмотр демо-версии: https://abacritt.github.io/angularx-social-login/

Страница NPM: https://www.npmjs.com/package/angularx-social-login

Ответ №2:

Есть много примеров по всему Интернету, например, [Кодовая кнопка Google][1] [1]: https://codepen.io/Eljoy/pen/KMVoxv вы можете получить помощь по ссылке.

Метки: