ngoninit

ngoninit

import { Component  } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { Router } from '@angular/router';
import {InfoComponent} from './info.component' 

export class Hero {
  name:string;
  email:string;
}

@Component({
  selector: 'my-app',
  template: `
  <div  id="my-signin2" (data-onsuccess)="onSignIn"></div>  
   <router-outlet></router-outlet>
        {{userDisplayName}}
  `
})
export class AppComponent {
 heroes :Hero[] = [{name:'mm',email:'mmm'}] ;
 hero:Hero = {name:'',email:''};
 userDisplayName = "empty";
 t = false;
constructor(private router: Router){
      console.log(this);

}

 ngAfterViewInit() {
    gapi.signin2.render('my-signin2', {    
        'onsuccess': param => this.onSignIn(param),
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'light'
        
    });

}
  onSignIn(googleUser) {
    var profile = googleUser.getBasicProfile();
       // console.log("ID: " + profile.getId()); // Don't send this directly to your server!
       // console.log('Full Name: ' + profile.getName());
       // console.log('Given Name: ' + profile.getGivenName());
       // console.log('Family Name: ' + profile.getFamilyName());
       // console.log("Image URL: " + profile.getImageUrl());
       // console.log("Email: " + profile.getEmail());
        this.userDisplayName = profile.getName();

        
  };


  addHero(hero: Hero){
   if(hero.name){
     this.heroes.push(hero);
   }
  }
  goHome() { 
    
    this.router.navigate(['login']);
    
  }

}