Pas de Fournisseur pour CustomPipe - angulaire 4
J'ai un custom format décimal tuyau qui utilise angulaire Décimal pipe inturn. Cette pipe est une partie du module partagé. Je vais utiliser cette fonctionnalité module et pas du fournisseur d'erreur lors de l'exécution de l'application.
S'il vous plaît ignorer s'il y a des fautes de frappe.
./src/tuyaux/custom.la pipe.ts
import { DecimalPipe } from '@angular/common';
..
@Pipe({
name: 'customDecimalPipe'
})
...
export class CustomPipe {
constructor(public decimalPipe: DecimalPipe) {}
transform(value: any, format: any) {
...
}
./modules/partagée.le module.ts
import { CustomPipe } from '../pipes/custom.pipe';
...
@NgModule({
imports: [ .. ],
declarations: [ CustomPipe ],
exports: [ CustomPipe ]
})
export class SharedModule { }
J'injecte la coutume de la pipe à l'un des composants et de l'appel de méthode transformation pour obtenir les valeurs transformées. Le module partagé est importé dans la fonctionnalité du module.
- Double Possible de Angulaire 2/4 utiliser des tuyaux dans les services et les composants
Vous devez vous connecter pour publier un commentaire.
Si vous souhaitez utiliser du tuyau de
transform()
méthode d'un composant, vous devez également ajouterCustomPipe
module de fournisseurs:CustomPipe
à l' *ServiceModule*(si vous avez un serveur dédié) ou de toute fonctionnalité du module à la place de l'partagée.En dehors de l'ajout de l'
CustomPipe
pour le module de la liste des fournisseurs, une alternative est d'ajouter à la composante de fournisseurs. Cela peut être utile si votre tuyauterie sur mesure est utilisé que dans un petit nombre de composants.Espère que cette aide.
Vous pouvez également en faire la pipe Injectable (de la même manière que cela se fait avec les services que vous créez à l'aide de la cli):