2017-11-08 7 views
0

を見つけることができませんでした私はエラーを取得しています:ここでテンプレートの解析:パイプは

Template parse errors: The pipe 'amDateFormat' could not be found

は私のapp.module.ts

import { NgModule } from '@angular/core'; 
... 
import { MomentModule } from 'angular2-moment'; 
... 

@NgModule({ 
    declarations: [ 
    MyApp 
    ], 
    imports: [ 
    ... 
    MomentModule, 
    ... 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    MyApp 
    ], 
    providers: [ 
    ... 
    ] 
}) 
export class AppModule { } 

はその後service-booking-details.tsに、私は次のことをやっている:

import { Component} from '@angular/core'; 
import { IonicPage, NavController, NavParams} from 'ionic-angular'; 
import { MomentModule } from 'angular2-moment'; 
...  

@IonicPage() 
@Component({ 
    selector: 'page-item-detail', 
    templateUrl: 'service-booking-detail.html' 
}) 
export class ServiceBookingDetailPage { 
    service: any; 
    ... 

    constructor(..., navParams: NavParams, ...) { 
    this.service = navParams.get('service'); 
    } 
} 

service-booking-detail.htmlテンプレートで私はしようとしていますangular2-瞬間からパイプを使用します。

<ion-content> 

    <ion-card> 
     <ion-card-content> 
     <p>{{ service.data | amDateFormat:'LL' }}</p> 
     </ion-card-content> 
    </ion-card> 

</ion-content> 

それから、「:パイプ 『amDateFormatは』を見つけることができませんでしたテンプレートのエラーを解析する」エラーがスローされます。

MomentModuleをインポートしてエラーを発生させずにテンプレートで使用できるようにするにはどうすればよいですか?

+0

問題を再現してデバッグしてください。表示されたテンプレートの内容は、エラーに記載されたパイプが 'amTimeAgo'ではなく' amDateFormat'であるため、無関係です。 – amal

+0

これは、angular2-momentモジュールから他のパイプをデバッグして使用しようとしていたときのコピー/貼り付けエラーでした。上記の例では、| amDateFormat: 'LL'パイプも使用します。 – cj1689262

答えて

0

これを特定のページ* .module.tsファイルにインポートすることで、これを実行できました。

関連する問題