我试图在我的Angular应用程序中创建一个自定义管道,但是一直收到“没有名为"currencyFormat"的管道”的错误消息。我使用Angular CLI创建了该管道:ng g pipe /components/pipes/currency-format,并且代码如下:
因为我使用了Angular CLI来创建管道,所以该管道会自动添加到app.module.ts的声明中。我试图在我的一个页面(home.page.html)中使用这个管道,但是仍然出现错误。迄今为止,我已经尝试了许多不同的方法,包括将管道放入单独的模块中并尝试导入该模块,但都没有成功。
有任何想法吗?
编辑:以下是我的app.module.ts,以防有用:
import { formatNumber } from '@angular/common';
@Pipe({
name: 'currencyFormat'
})
export class CurrencyFormatPipe implements PipeTransform {
transform(value: any, currency: string): any {
const currencySymbol = (currency == 'EUR' ? '€' : '$');
let formattedValue = `${currencySymbol} ${formatNumber(value, 'be', '1.2-2')}`;
return formattedValue;
}
}
因为我使用了Angular CLI来创建管道,所以该管道会自动添加到app.module.ts的声明中。我试图在我的一个页面(home.page.html)中使用这个管道,但是仍然出现错误。迄今为止,我已经尝试了许多不同的方法,包括将管道放入单独的模块中并尝试导入该模块,但都没有成功。
有任何想法吗?
编辑:以下是我的app.module.ts,以防有用:
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { ComponentsModule } from 'src/app/components/components.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ChartsModule } from 'ng2-charts';
import { environment } from "src/environments/environment";
import { AngularFireModule } from "@angular/fire";
import { AngularFirestoreModule } from "@angular/fire/firestore";
import { ServiceWorkerModule } from '@angular/service-worker';
import { CurrencyFormatPipe } from './components/pipes/currency-format.pipe';
@NgModule({
declarations: [AppComponent, CurrencyFormatPipe],
entryComponents: [],
imports: [
BrowserModule,
IonicModule.forRoot({ animated: true, mode: 'ios' }),
AppRoutingModule,
ComponentsModule,
BrowserAnimationsModule,
ChartsModule,
AngularFireModule.initializeApp(environment.firebaseConfig),
AngularFirestoreModule,
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
],
providers: [
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule {}
home.module.ts
文件吗?如果有,您是否将CurrencyFormatPipe
添加到home.module.ts
声明数组中? - DJ House