Logging in Using Google Account and Getting User Data (option 1 Angular 2)

index.html

<!--Add this on the head tag -->
<script src="https://apis.google.com/js/platform.js" async defer></script>

login.component.ts

import { Component } from '@angular/core';

 declare const gapi: any;

@Component({
    moduleId: module.id,
    selector: 'login',
    templateUrl: 'login.component.html'
})
export class LoginComponent {

   
    public auth2:any
    ngAfterViewInit() {
        gapi.load('auth2',  () => {
        this.auth2 = gapi.auth2.init({
            client_id: '386098344927-ab4200uubl901f6vfage52sjtrj3l977.apps.googleusercontent.com',
            cookiepolicy: 'single_host_origin',
            scope: 'profile email'
        });
        this.attachSignin(document.getElementById('glogin'));
        });
    }

    public attachSignin(element : any) {
        this.auth2.attachClickHandler(element, {},
            (loggedInUser : any) => {  
                console.log("Test" + JSON.stringify (loggedInUser));
                //instead of console.log, yougo ahead and save it to localStorage
            }, function (error : any) {
        // alert(JSON.stringify(error, undefined, 2));
      });

 }
}

login.html

<!--Add this on the login page -->
<button id="glogin" class="btn btn-primary">Sign In Using Google</button>