How to use Multiple Params in Angular 12 Pipes?

Asked Nov 11 '21 at 07:37

Active Nov 13 '21 at 12:30

Viewed 1,601 times

I am trying to pass multiple parameter in angular 12 pipes but unfortunately its giving below error

Error: src/app/app.component.html:3:32 - error TS2339: Property 'xyz' does not exist on type 'AppComponent'.

below is my ts code

  transform(currency: any, value: any, args: any, ): unknown {
    
    return "Your value is " + value + "your x value is" + args + "and your curr value is" + currency;
  }

my html code is

<h1>{{20 | usdPkr: abc : def : xyz }}</h1>

asked Nov 11 '21 at 07:37

Atif Azad

Check this - https://stackoverflow.com/questions/36816788/how-do-i-call-an-angular-2-pipe-with-multiple-arguments – Aakash Goplani Nov 11 '21 at 07:47
1

Error says you have no `xyz` property in your component, but want use it in pipe – Anton Marinenko Nov 11 '21 at 07:48
`xyz` should be a variable in your .ts if you want pass a "literal" enclosed by single quotes, e.g. `{{20|usdPrk:abc:def:'xyx'}` – Eliseo Nov 11 '21 at 20:37

How to use Multiple Params in Angular 12 Pipes?

0 Answers0