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

why async pipe should be used in angular

Terrible Tarantula answered on July 17, 2020 Popularity 10/10 Helpfulness 2/10

answer why async pipe should be used in angular

related async pipe in angular

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 async-pipe javascript

Link to this answer
Share Copy Link

Contributed on Jul 17 2020

Terrible Tarantula

0 Answers Avg Quality 2/10

Closely Related Answers

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 2/10 Language javascript

Source: angular.io

Tags: angular

Link to this answer
Share Copy Link

Contributed on Aug 17 2022

ELHOUCINE MASKOUR

0 Answers Avg Quality 2/10

why async pipe should be used in angular

Contents

More Related Answers

why async pipe should be used in angular

Closely Related Answers

async pipe in angular

Grepper

Documentation

Social

Legal

Contact

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