2

Estou tendo um problema na criação de um Pipe personalizado.

Criei o seguinte module (pipes.module.ts):

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CnpjPipe } from './cnpj.pipe';

@NgModule({
    imports: [
        CommonModule
    ],
    declarations:   
    [
        CnpjPipe
    ],
    exports:
    [
        CnpjPipe
    ],
})
export class PipesModule { 
    static forRoot() {
        return {
            ngModule: PipesModule,
            providers: [],
        };
    }
}

Esse é o meu Pipe que foi criado:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'cnpj'
})
export class CnpjPipe implements PipeTransform {
    transform(value: any, args?: any): any {
        return `${value.substr(0, 2)}.${value.substr(2, 3)}.${value.substr(5, 3)}/${value.substr(8, 4)}-${value.substr(12, 2)}`;
    }
}

Fiz a importação desse module no meu app.module.ts:

import { PipesModule } from './pipes/pipes.module';

declarations: [
        ...
    ],
    imports: [
        ...,
        PipesModule.forRoot()
    ],

Na hora de fazer a utilização do Pipe dessa maneira:

<div class="col-md-2 text-left">
    {{ objUsuario.cnpj | cnpj }}
</div>

Da o seguinte erro:

**

The pipe 'cnpj' could not be found

**

1
  • Isto pode parecer estupido, mas ja tentas-te mudar a ordem da array de imports? A mim acontece-me algumas vezes que X import nao fica bem feito e passo-o para uns indexes antes e o import funciona :|
    – MoshMage
    Commented 27/04/2018 às 13:03

1 Resposta 1

1

Resolvi o problema, aconteceu que eu estava usando o Pipe dentro de um componente dentro de um shared module.

E o meu Pipe module estava sendo chamado em um module único da aplicação.

Assim, o componente dentro do shared module não conseguia encontrar o Pipe que estava importado dentro de um modulo único.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .