rasikag

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

@Injectable({
  providedIn: 'root'
})
export class ExampleService {

  constructor() { }
}

rasikag

@NgModule({
  providers: [ExampleService]
})

rasikag

@Component({
  selector: 'app-example-page',
  templateUrl: './app-example-page.component.html',
  styleUrls: ['./app-example-page.component.css'],
  providers:  [ ExampleService ]
})

rasikag

let tstObj = {
  value: 45,
  getValue: function () {
    return this.value;
  }
}

rasikag

setTimeout(function () {
  setTimeout(function () {
    setTimeout(function () {
      console.log("h");
    }, 1000);
  }, 1000);
}, 1000);

rasikag

myPromise().then(data => {
  console.log(data);
});

rasikag

myPromist().then(data => {
  return myNewPromise();
}). then(data => {
  handleMyNewPromise();
}).catch(error => {
  handleAllErrors();
})

rasikag

myPromist().then(data => {
  return myNewPromise();
}). then(data => {
  handleMyNewPromise();
}).catch(error => {
  handleAllErrors();
}).finally(() => {
  // clean approch
  hideSpinner();
});

rasikag

let myPromise = new Promise((resolve) => {
    // this is executer function 
    // need to have a parameter for the resolve function
    setTimeout(() => {
      // any value return by resolve function will receive as 
      // from then function 
      resolve("resolved");
    }, 1500);
    
 });

rasikag

const myPromise1 = new Promise();
const myPromise2 = new Promise();

Promise.all([myPromise1, myPromise2]).
  then(([result1,result2])=> {
});