How to declare pipe at component level?

I got a pipe that is used only in one component. So I wanted to declare pipe at this component level. Something like this:

@Component({
  selector: 'app-my-comp',
  templateUrl: './my-comp.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
  declarations: [MyCustomPipe]
})
export class MyComponent {

}

However the Component annotation doesn’t support declarations.

Is there anyway to achieve this? I know I can declare pipe in the module but then other components will be “notified” about it and it will break encapsulation.

[Airblader]

It is pretty inconsistent as you can provide services at component level but why can’t you pipes?

Declaring and providing something are different concepts, so I’m not sure why this would be “inconsistent”. You can, in fact, provide a pipe on a component much like you can provide a service.

Is there any reason why you absolutely need to scope the pipe’s declaration to this component? Just don’t use it elsewhere. If you really want to bundle it closely together, wrap them both into a separate module and don’t export the pipe.

[angular-automatic-lock-bot[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.}