Is it possible to use a pipe in the code?

AngularAngular Pipe

Angular Problem Overview


When I use my custom pipe in a template, it is like this:

{{user|userName}}

And it works well.

Is it possible to use a pipe in the code?

I try to use it like this:

let name = `${user|userName}`;

But it shows

> userName is not defined

My alternative way is using db.collection.findOne() manually in the code. But is there any smart way?

Angular Solutions


Solution 1 - Angular

First declare the pipe in the providers of your module:

import { YourPipeComponentName } from 'your_component_path';

@NgModule({
  providers: [
	YourPipeComponentName
  ]
})
export class YourServiceModule {
}

Then you can use @Pipe in a component like this:

import { YourPipeComponentName } from 'your_component_path';

class YourService {
    
  constructor(private pipe: YourPipeComponentName) {}
    
  YourFunction(value) {
    this.pipe.transform(value, 'pipeFilter');
  }
}

Solution 2 - Angular

@Siva is correct. And thanks!

So the way to use the pipe in the component is like this:

let name = new UserNamePipe().transform(user);

Link to another similar question.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionHongbo MiaoView Question on Stackoverflow
Solution 1 - Angularsaghar.fadaeiView Answer on Stackoverflow
Solution 2 - AngularHongbo MiaoView Answer on Stackoverflow