Monday, January 16, 2023

WORKING Promise and Then for Angular APP_INITIALIZER

 //const appInitializerFn = (infoService: InfoService) => {

//  return () => {

//    return infoService.loadInfo().then( (promise) => {alert("tete"); return promise } ).then(_ => Promise.resolve(true)).then(_ => alert("tetete"));

//  };

//};




//WORKING APPINITIALIZER FUNCTION

const appInitializerFn = (infoService: InfoService,  httpClient : HttpClient) => { 


return () => {

    //return infoService.loadInfo()

return Promise.resolve(true)

.then( (promise) => {alert("tete"); return promise } )

.then(_ => infoService.setConfig(new AppInfo("aaaa")))

.then(_ => alert("tetete"));

  };


}






INFO SERVICE
import { Injectable } from '@angular/core';
import { HttpBackend, HttpClient } from '@angular/common/http';
import { AppInfo } from './app-info';

@Injectable()
export class InfoService {

  info: any;

  constructor(private httpBackend: HttpBackend) {}

  loadInfo(): Promise<boolean> {
    // bypass HTTP interceptors by using HttpBackend
    const http = new HttpClient(this.httpBackend);

    return (
      http
        .get<AppInfo>('/assets/info')
        // convert to Promise per Angular's `useFactory` requirement (not officially documented)
        .toPromise()
        .then(response => {
          // using a class factory to keep AppInfo class getters in place
alert("1");
          this.info = response;
        })
        // returning `true` to satisfy `useFactory` contract (not officially documented)
        .then(_ => {  return Promise.resolve(true); } )
        .catch(error => {
          console.error('Error loading info', error);
          return Promise.resolve(false);
        })
    );
  }

setConfig(inInfo : any)
{
alert("hi"); console.log("fri service");console.log(inInfo);
this.info =  inInfo;
console.log(this.info);
}

}

APP-INFO.TS
export class AppInfo {
  clientId: string;
  constructor(cli: string) 
{
this.clientId = cli;
}
}

How to check local and global angular versions

 Use the command ng version (or ng v ) to find the version of Angular CLI in the current folder. Run it outside of the Angular project, to f...