Directives and Pipes in Angular/

...

/

Solution: Pipes and Observables

Solution: Pipes and Observables

Here’s the solution to the asynchronous pipes and observables task along with the expected result and explanation.

We'll cover the following...

Solution

Here’s the solution to the asynchronous pipes and observables task:

import { Pipe, PipeTransform } from '@angular/core';
import { Account } from '../user';

@Pipe({
  name: 'accountType'
})
export class AccountTypePipe implements PipeTransform {

  transform(account: Account): string {
    if (account === Account.Premium) return "Premium account";
    if (account === Account.Standard) return "Standard account";
    if (account === Account.Trial) return "Account on Trial";

    return '';
  }

}
The task's solution

Explanation

To get user data from Observable, we need ...