angular - 找不到管道 Ionic 6
问题描述
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 错误:找不到管道“距离”!
我该如何解决?它不应该开箱即用吗?
解决方案
我不得不将管道添加到 object.module.ts。
我将其添加为声明。
推荐阅读
- laravel - 如何将基于 laravel 8 和 tailwind css 的应用程序上传到 cpanel
- r - ggplot + ggridges + gganimate 的空图
- excel - 打开excel文件时如何提示“访问网络联系人”弹出窗口
- c++ - 使用 C++ 搜索和过滤 Node.js 数组
- sql - SQL - 获取几组记录的总和
- flutter-web - 在 android 移动模拟器内的 chrome 上运行颤振网络
- bash - 使用过滤器将文件从 S3 增量复制到 EBS 存储
- .net-core - netcore - 检查 var A 或 B 的优雅方法不是 null/empty 来获取它
- python - 从日期字符串中删除时间
- django - (Angular + Django REST)抑制浏览器身份验证对话框?