If you want to use the pipe in a different module, then add the module where the pipe is declared to imports: […] of the module where you want to re-use the pipe, instead of adding it to declarations: [] of multiple modules. For example: @NgModule({ imports: [], declarations: [JsonStringifyPipe], exports: [JsonStringifyPipe] }) export class … Read more
You can add your mockpipes in the declarations of the TestBed: TestBed.configureTestingModule({ declarations: [ AppComponent, MockPipe ], … The MockPipe needs to have the @Pipe decorator with the original name. import {Pipe, PipeTransform} from ‘@angular/core’; @Pipe({name: ‘pipename’}) class MockPipe implements PipeTransform { transform(value: number): number { //Do stuff here, if you want return value; } … Read more
A pure pipe is only called when Angular detects a change in the value or the parameters passed to a pipe. An impure pipe is called for every change detection cycle no matter whether the value or parameter(s) changes. This is relevant for changes that are not detected by Angular when you pass an array … Read more
see this is working for me. ActStatus.pipe.ts First this is my pipe import {Pipe,PipeTransform} from “@angular/core”; @Pipe({ name:’actStatusPipe’ }) export class ActStatusPipe implements PipeTransform{ transform(status:any):any{ switch (status) { case 1: return “UN_PUBLISH”; case 2: return “PUBLISH”; default: return status } } } main-pipe.module.ts in pipe module, i need to declare my pipe/s and export it. … Read more
You need to change the syntax a bit: {{variable.value ? (variable.text | SomePipe) : (variable.text | pipe2)}} Plunker example
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 … Read more
In your component’s template you can use multiple arguments by separating them with colons: {{ myData | myPipe: ‘arg1′:’arg2’:’arg3’… }} From your code it will look like this: new MyPipe().transform(myData, arg1, arg2, arg3) And in your transform function inside your pipe you can use the arguments like this: export class MyPipe implements PipeTransform { // … Read more