尝试使用Angular中的Google People API获取生日和性别

npm install gapi.client --save

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

declare var gapi: any;

@Injectable({
  providedIn: 'root'
})
export class GooglePeopleService {
  private apiKey: string = 'YOUR_API_KEY';

  constructor() {
    gapi.load('client', () => {
      gapi.client.init({
        apiKey: this.apiKey,
        discoveryDocs: ['https://people.googleapis.com/$discovery/rest?version=v1'],
      });
    });
  }

  getBirthdayAndGender(): Promise<any> {
    return gapi.client.people.people.get({
      resourceName: 'people/me',
      personFields: 'birthdays,genders',
    }).then((response: any) => {
      return response.result;
    });
  }
}

import { Component } from '@angular/core';
import { GooglePeopleService } from './google-people.service';

@Component({
  selector: 'app-root',
  template: `
    <div *ngIf="birthday && gender">
      <p>Birthday: {{ birthday }}</p>
      <p>Gender: {{ gender }}</p>
    </div>
  `,
})
export class AppComponent {
  birthday: string;
  gender: string;

  constructor(private googlePeopleService: GooglePeopleService) {}

  ngOnInit() {
    this.googlePeopleService.getBirthdayAndGender().then((result: any) => {
      this.birthday = result.birthdays[0].date;
      this.gender = result.genders[0].value;
    });
  }
}