Question

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

@Pipe({
  name: 'distance'
})
export class DistancePipe implements PipeTransform {

  transform(distance: number, ...args: any[]): string {
    return distance.toFixed(2) + "m";
  }

}

我的烟斗。我用离子 g 管道/距离生成它

import { DistancePipe } from './pipes/distance.pipe';


@NgModule({
  declarations: [AppComponent, DistancePipe],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule,
    IonicStorageModule.forRoot(),
    HttpClientModule
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    Geolocation,
    ImagePicker ,
    FilePath
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

我的应用模块。它会自动添加管道。

{{object.distance | distance}}

这就是我使用它的方式。在 object.page.html 上

我的错误是：

core.js:4197 ERROR 错误：找不到管道“距离”！

我该如何解决？它不应该开箱即用吗？

Answer 1

我必须将管道添加到 object.module.ts。

我将其添加为声明。

找不到管道 Ionic 6

1 个答案: