使用离子4无法找到角管
发布时间:2020-12-17 17:12:10 所属栏目:安全 来源:网络整理
导读:最近我在ionic4名称中创建自己的管道是StatusairportPipe.然后我在app module.ts中导入它,现在当我尝试使用它时出现错误: ERROR Error: Uncaught (in promise): Error: Template parse errors:The pipe 'my' could not be found (" td text-center{{item?.f
最近我在ionic4名称中创建自己的管道是StatusairportPipe.然后我在app module.ts中导入它,现在当我尝试使用它时出现错误:
ERROR Error: Uncaught (in promise): Error: Template parse errors: The pipe 'my' could not be found (" <td text-center>{{item?.flight.aircraft.model.code}}</td> <td text-right>{{[ERROR ->]item?.flight.status.generic.status.text | my}}</td> </tr> StatusairportPipe模型ts import { Pipe,PipeTransform } from '@angular/core'; @Pipe({ name: 'my' }) export class StatusairportPipe implements PipeTransform { public states: Object = { 'scheduled': '??????',}; transform(value: string,...args) { // This is our catch for data that hasn't interpolated // from its source yet,a basic async fix. if(value == null) return; // Otherwise,lookup the state name from the acronym if(this.states[value]){ return this.states[value]; } else { return value; } } } app.module.ts import { NgModule } from '@angular/core'; 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 { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { HTTP } from '@ionic-native/http/ngx'; import { Network } from '@ionic-native/network/ngx'; import { StatusairportPipe } from './statusairport.pipe'; @NgModule({ declarations: [AppComponent,StatusairportPipe ],entryComponents: [],imports: [BrowserModule,IonicModule.forRoot(),AppRoutingModule],exports:[ StatusairportPipe,AliPipe ],providers: [ StatusBar,SplashScreen,{ provide: RouteReuseStrategy,useClass: IonicRouteStrategy },HTTP,Network ],bootstrap: [AppComponent] }) export class AppModule {} 解决方法
我已经遇到了这个问题,我刚刚在模块导出上添加了管道来解决问题.
试试这个: @NgModule({ declarations: [AppComponent,StatusairportPipe ],providers: [ StatusBar,Network ],bootstrap: [AppComponent],exports: [ StatusairportPipe] }) export class AppModule {} 如果有效,请告诉我.祝好运. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |