Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 使用离子4找不到角管_Angular_Angular Pipe - Fatal编程技术网

Angular 使用离子4找不到角管

Angular 使用离子4找不到角管,angular,angular-pipe,Angular,Angular Pipe,最近我在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.co

最近我在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>
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 {}
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SearchfilterPipe } from './searchfilter.pipe';  //our pipe which we generate

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [SearchfilterPipe],
  exports: [SearchfilterPipe]
})
export class PipesModule { }

我已经遇到了这个问题,我只是在模块导出中添加了管道来解决这个问题

试试这个:


@NgModule({
  declarations:
   [AppComponent, 
    StatusairportPipe

  ],
  entryComponents: [],

  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],

  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    HTTP,
    Network
  ],
  bootstrap: [AppComponent],
  exports: [ StatusairportPipe]
})
  export class AppModule {}
让我知道它是否有效。
祝你好运。

我把它修好了。当我在爱奥尼亚4中创建自己的管道时,您只需将其添加到您想要使用的页面模块中已经创建的管道中。你不需要添加app.module,我希望它能帮助其他人

1) 首先,在src/app文件夹(in-app文件夹)中创建pipes文件夹

2) 其次,在cmd“ionic generate pipes/searchfilter”=>上,这将在管道中生成两个文件

3第三,在pipes文件夹中创建名为“pipes.module.ts”的文件 并将下面的代码写入=>“pipes.module.ts”

现在我们有了PipesModule,我们可以生成更多的管道并将它们写入PipesModule。我们将只导入PipesModule,而不是导入所有管道

4) 您不必在app.module.ts中导入PipesModule

5) 现在转到要使用管道的页面并打开例如“anasayfa.module.ts” 导入“PipesModule”并将其写入@ngModel imports(将自动创建)
请小心将PipesModule导入到某物中。MODULE.TS不是某物。page.TS

谢谢兄弟的回答。如果你看到我上面的代码,我已经在我的应用程序模型中添加了“StatusairportPipe”!同样的问题,您在
声明中添加了它,我建议您也在
导出中添加它。您的应用程序中有多个模块吗?
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SearchfilterPipe } from './searchfilter.pipe';  //our pipe which we generate

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [SearchfilterPipe],
  exports: [SearchfilterPipe]
})
export class PipesModule { }