Angular using pipe from custom one

Question

I would be glad to get some help importing a build-in pipe to a custom one in angular 2.

This is my code :

@Pipe({ name: 'tablePipe' })

export class TablePipe implements PipeTransform {
    constructor(private decimalPipe: DecimalPipe) {

    }
    transform(field: any, format: Format, formatArg: string): any {
        let formattedField: any = ''
        switch (format) {
            case 'number':
                {
                    formattedField = this.decimalPipe.transform(field, formatArg);
                    break;
                }
        }
        return formattedField;
    }
}

export type Format = 'date' | 'string' | 'number';

and this is the error i got:

EXCEPTION: Uncaught (in promise): Error: No provider for DecimalPipe!

When importing regular custom pipes in components, i am using :

@Component({
  ...,
  pipes: [MyCustomPipe],
  ...
})

Günter Zöchbauer · Accepted Answer · 2017-03-27 13:57:16Z

15

For this to work you need to add DecimalPipe to providers somewhere

For example

@NgModule({
  providers: [DecimalPipe],
  ...
})
export class AppModule {}

You can also add it to providers of a component (either the one where you 're using the pipe, or an ancestor component.

answered Mar 27, 2017 at 13:57

Günter Zöchbauer

662k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Günter Zöchbauer Over a year ago

Glad to hear :) Please consider accepting my answer to indicate your problem is solved (clicking the white check mark below the up-down-vote button - thanks.

Collectives™ on Stack Overflow

Angular using pipe from custom one

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related