Angular2 - assign pipe from a variable

Question

Is it possible something like this:

{{property | some_variable_name}}

My goal is to use a pipe that is set in a JSON configuration (or a variable), but I'm not sure if it is possible to pass the pipe name in the interpolation this way.
Anybody tried something like this before?

Both ways. For example if I have `var pipeName = uppercase`. — Radoslav Stoyanov, Mar 11 '16 at 13:12

score 4 · Accepted Answer · answered Mar 11 '16 at 13:05

4

The pipe needs to be listed in pipes: [MyPipeHere] in the @Component() decorator or in PLATFORM_PIPES, therefore this approach won't work.

What you can do instead is creating a custom pipe that calls other "pipes". A pipe is basically just a function, therefore this is easy.

You can pass a variable to your custom pipe like

{{property | my_custom_pipe:some_variable_name}}

this should be pretty close to what you want.

answered Mar 11 '16 at 13:05

Günter Zöchbauer

490,478
163
1,733
1,404

Yeah, my plan B was something like this, but I sill wasn't sure if it is possible. Thank you. – Radoslav Stoyanov Mar 11 '16 at 13:08

Angular2 - assign pipe from a variable

1 Answers1

Linked