Example Usage

AppModule.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import { GigyaModule } from 'ngx-gigya';
import { CommonModule } from '@angular/common';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    CommonModule,
    GigyaModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.ts

import { Component } from '@angular/core';
import { GetAccountInfoResponse, GigyaService, LoginEvent } from 'ngx-gigya';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  account$:  Observable<GetAccountInfoResponse | LoginEvent | undefined> = this.gigya.account$;

  constructor(private gigya: GigyaService) {
    gigya.accounts.getAccountInfo({
      callback: (accountInfo: GetAccountInfoResponse) => {
        if (!accountInfo?.profile) {
          gigya.accounts?.showScreenSet({
            screenSet: 'Default-RegistrationLogin',
            startScreen: 'gigya-login-screen'
          });
        }
      }
    })
  }
}

app.component.html

<div *ngIf="(account$ | async) as account">Hello, {{account.profile.firstName | titlecase}}!</div>

NGX-Gigya

This library was generated with Angular CLI version 13.0.0.