Despite seeing similar questions posted here, none have provided a solution to my issue. I believe I am implementing it correctly, but clearly something is not right.
In the app I'm developing with Ionic 4, I need to add a key to a URL in a gallery. I thought a custom pipe would be the solution. In my gallery.html file, I have the following:
<ion-img cache="true" width="50%" [src]="i.ImageUrl | urlKey"></ion-img>The 'urlKey' pipe should modify the URL before displaying it. However, I am encountering the following error:
Error: Template parse errors: The pipe 'urlKey' could not be found...I generated the pipe using the Ionic command:
ionic g pipe pipes/URLKeyThis created an empty pipe and added the necessary declarations to my app.module.ts. Below is the Pipe, set up to return some text temporarily:
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'urlKey'
})
export class URLKeyPipe implements PipeTransform {
transform(value: any, ...args: any[]): any {
return 'hello';
}
}As straightforward as it gets, here's the app.module.ts:
... stuff above
import { URLKeyPipe } from './pipes/urlkey.pipe';
@NgModule({
declarations: [
AppComponent,
URLKeyPipe,
],
entryComponents: [],
exports: [URLKeyPipe],
.... more stuff after
I also attempted adding it to gallery.module.ts, but that resulted in a duplicate declaration. I've double-checked the name and usage, so I'm unsure if I need to declare it elsewhere. Any insight would be appreciated.
Thank you, Brett