Skip to main content

Async-await method - Angular


async asyncAwait() {
  const c1 = await this.c1();
  const c2 = await this.c2();
  const c3 = await this.c3();
}

c1() {
  console.log('c1 called');
  return;
}
c2() {
  console.log('c2 called');

  return;
}
c3() {
  console.log('c3 called');

  return;
}
}



Output:



Comments

Popular posts from this blog

Angular Architecture

  Angular Architecture: Angular is a platform and framework to build single-page client applications using HTML and TypeScript. It is written in Typescript.    The basic building blocks are NgModules. It provides compilation context to components. An angular app has always a root module to enable bootstrapping.                                                               Architectural diagram src: Angular.io   The main building blocks of Angular applications:              Modules              Component             Metadata              Templates              Directives     ...

Convert Base64 code to PDF file in Angular

Component.ts: import { DomSanitizer } from '@angular/platform-browser' ; base64Code = 'your base64 code ' ; byteCharacters : any ; pdfUrl : any ; constructor ( public sanitizer : DomSanitizer ) { } convertToPdf () { // tslint:disable-next-line:max-line-length this . byteCharacters = this . base64Code ; // atob() function decodes a string of data which has been encoded using base-64 encoding const byteCharacters = atob ( this . base64Code ); const byteNumbers = new Array ( byteCharacters . length ); for ( let i = 0 ; i < byteCharacters . length ; i ++) { byteNumbers [ i ] = byteCharacters . charCodeAt ( i ); } const byteArray = new Uint8Array ( byteNumbers ); const blob = new Blob ([ byteArray ], { 'type' : 'application/pdf' }); this . pdfUrl = URL . createObjectURL ( blob ); } Component.html: < embed [src] = "sanitizer.bypassSecurityTr...

What is RxJS?

  What is RxJS? The full form of RxJS is  Reactive Extension for Javascript . As per the official website of RxJS - RxJS is a library for composing asynchronous and event-based programs by using observable sequences . It provides one core type, the  Observable , satellite types (Observer, Schedulers, Subjects) and operators inspired by   Array#extras  (map, filter, reduce, every, etc) to allow handling asynchronous events as collections To manage the sequence of events RxJS combines the Observer pattern with the  Iterator pattern  and functional programming with collections   Observer Pattern: It is a software design pattern in which an object called Subject maintains a list of its dependents called Observers. It works well for applications that expect real-time updates. It is one to many patterns which are one Subject Many Observers. When the subject is updated it will automatically fire an event and notify the observers of the ...