Breaking News: Grepper is joining You.com. Read the official announcement!

async pipe in angular

ELHOUCINE MASKOUR answered on July 17, 2020 Popularity 10/10 Helpfulness 3/10

answer async pipe in angular

related why async pipe should be used in angular

async pipe in angular

Comment

content_copy
@Component({
  selector: 'async-promise-pipe',
  template: `<div>
    <code>promise|async</code>:
    <button (click)="clicked()">{{ arrived ? 'Reset' : 'Resolve' }}</button>
    <span>Wait for it... {{ greeting | async }}</span>
  </div>`
})
export class AsyncPromisePipeComponent {
  greeting: Promise<string>|null = null;
  arrived: boolean = false;

  private resolve: Function|null = null;

  constructor() {
    this.reset();
  }

  reset() {
    this.arrived = false;
    this.greeting = new Promise<string>((resolve, reject) => {
      this.resolve = resolve;
      cd=r
    });
  }

  clicked() {
    if (this.arrived) {
      this.reset();
    } else {
      this.resolve!('hi there!');
      this.arrived = true;
    }
  }
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: angular.io

Tags: angular async-pipe javascript

Link to this answer
Share Copy Link

Contributed on Aug 17 2022

ELHOUCINE MASKOUR

0 Answers Avg Quality 2/10

Closely Related Answers

why async pipe should be used in angular

Comment

Async pipe automatically unsubscribes the observable thus saving some lines of code
Async pipe utilizes on push change detection strategy which is good for performance.

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jul 17 2020

Terrible Tarantula

0 Answers Avg Quality 2/10

async pipe in angular

Contents

More Related Answers

async pipe in angular

Closely Related Answers

why async pipe should be used in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.