加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

使用离子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 {}

如果有效,请告诉我.祝好运.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读