The pipe ‘ ‘ could not be found angular2 custom pipe

by

Make sure you are not facing a “cross module” problem

If the component which is using the pipe, doesn’t belong to the module which has declared the pipe component “globally” then the pipe is not found and you get this error message.

In my case I’ve declared the pipe in a separate module and imported this pipe module in any other module having components using the pipe.

I have declared a
that the component in which you are using the pipe is

the Pipe Module

 import { NgModule }      from '@angular/core';
 import { myDateFormat }          from '../directives/myDateFormat';

 @NgModule({
     imports:        [],
     declarations:   [myDateFormat],
     exports:        [myDateFormat],
 })

 export class PipeModule {

   static forRoot() {
      return {
          ngModule: PipeModule,
          providers: [],
      };
   }
 }

Usage in another module (e.g. app.module)

  // Import APPLICATION MODULES
  ...
  import { PipeModule }    from './tools/PipeModule';

  @NgModule({
     imports: [
    ...
    , PipeModule.forRoot()
    ....
  ],

More Related Contents:

  1. Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  2. Angular2 nested template driven form
  3. Angular how to get the multiple checkbox values?
  4. password and confirm password field validation angular2 reactive forms
  5. angular2 manually firing click event on particular element
  6. Apply a directive conditionally
  7. When to use FormGroup vs. FormArray?
  8. two way binding with safe navigation operator
  9. What are the practical differences between template-driven and reactive forms?
  10. Property ‘controls’ does not exist on type ‘AbstractControl’ Angular 4 [duplicate]
  11. Angular 2 Form “Cannot find control with path”
  12. Angular2 – Validate and submit form from outside
  13. Angular 2 – formControlName inside component
  14. Generic email validator
  15. formGroup expects a FormGroup instance
  16. ng-content select bound variable
  17. Dynamic pipe in Angular 2
  18. Angular2: validation for won’t trigger when changing the file to upload
  19. What is an impure pipe in Angular?
  20. What is the difference between formControlName and FormControl?
  21. How to reset form validation on submission of the form in ANGULAR 2
  22. Cannot Instantiate DatePipe
  23. TypeScript-‘s Angular Framework Error – “There is no directive with exportAs set to ngForm”
  24. ngModel cannot be used to register form controls with a parent formGroup directive
  25. How to clear form after submit in Angular 2?
  26. Angular 2 Reactive Forms trigger validation on submit
  27. Angular 2 creating reactive forms with nested components
  28. Angular 2 FormGroup Add Validators dynamic
  29. Forms In angular2
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment