离子3:找不到管道''[重复]
Posted
技术标签:
【中文标题】离子3:找不到管道\'\'[重复]【英文标题】:Ionic 3: The pipe '' could not be found [duplicate]离子3:找不到管道''[重复] 【发布时间】:2018-05-14 14:01:31 【问题描述】:关于这个问题,我似乎没有任何错误。我已经在 app.module.ts 中导入并放入“声明”中。
在 app.module.ts 中
import NgModule, ErrorHandler from '@angular/core';
import BrowserModule from '@angular/platform-browser';
import IonicApp, IonicModule, IonicErrorHandler from 'ionic-angular';
import MyApp from './app.component';
//ionic-native
import NativeStorage from '@ionic-native/native-storage';
import StatusBar from '@ionic-native/status-bar';
import SplashScreen from '@ionic-native/splash-screen';
//pipe
import HoursMinutesSecondsPipe from '../pipes/hours-minutes-
seconds/hours-minutes-seconds';
@NgModule(
declarations: [
MyApp,
HoursMinutesSecondsPipe
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp,
platforms:
android:
tabsPlacement: 'top'
),
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
],
providers: [
StatusBar,
SplashScreen,
provide: ErrorHandler, useClass: IonicErrorHandler,
NativeStorage,
]
)
export class AppModule
用法:
<ion-card class="card-container" (click)="onTimer()">
<img src="assets/imgs/wp1.png"/>
<div class="card-title">Time Smoke Free</div>
<div class="card-subtitle"> seconds | hoursMinutesSeconds </div>
</ion-card>
以小时-分钟-秒.ts 为单位
import Pipe, PipeTransform from '@angular/core';
@Pipe(
name: 'hoursMinutesSeconds',
)
export class HoursMinutesSecondsPipe implements PipeTransform
transform(value, args?)
let minutes = Math.floor(value / 60);
let hours = Math.floor(minutes / 60);
let seconds = Math.floor(value % 60);
let timeString = hours + 'hrs ' + minutes + 'mins ' + seconds + 'secs';
return timeString;
错误: 未捕获(承诺):错误:模板解析错误: 找不到管道“hoursMinutesSeconds”(“imgs/wp1.png”/> 时间无烟 [错误->]秒|小时分钟秒
【问题讨论】:
试试这个:***.com/questions/43299610/ionic-3-cant-find-pipe 【参考方案1】:当您使用此 CLI ionic generate pipe HoursMinutesSeconds
创建 pipe
时,它将创建一个名为 pipes.module.ts
的共享模块。因此,您需要在页面的模块文件中添加import
PipesModule
模块。
我们假设那个页面是my-view
那么;
my-view.module.ts
import NgModule from '@angular/core';
import IonicPageModule from 'ionic-angular';
import MyViewPage from './my-view';
import PipesModule from '../../pipes/pipes.module';//<--- here
@NgModule(
declarations: [
MyViewPage,
],
imports: [
IonicPageModule.forChild(BudgetGroupViewPage),
PipesModule // <--- here
],
)
export class MyViewPageModule
【讨论】:
以上是关于离子3:找不到管道''[重复]的主要内容,如果未能解决你的问题,请参考以下文章