Define function as pipe

[dviravr]

Which @angular/* package(s) are relevant/related to the feature request?

core

Description

It would be nice to be able to define functions in my component at file as pipe instead of defining class for each pipe.
Sometimes the function is specific to a component and isn’t reusable, but we want it to have a pipe like behavior.

Proposed solution

Add pipe decorator to component’s function

Alternatives considered

Define many specific pipes

[alxhub]

Hi @dviravr,

We hear you! I'm going to close this as a duplicate of #46135, but really we see both issues as being special cases of a larger feature request for computed properties (#47553).

[rosostolato]

@alxhub I believe it could be done something different from what was purposed on those issues you mentioned.

With the new inject function and standalone components, we won't need to create classes for pipes anymore, just a function will be enough. For example:

function namePipe() {
  const myService = inject(MyService);
  return function transform(name: string) {
    return myService.parseName(name);
  }
}

... 

// Then use it on your template
{{ name | name }} 

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}