DatePipeをインスタンス化できません

Question

transform(...)機能を使用するために、Angular2アプリでDatePipeオブジェクトをインスタンス化しようとしています。

// ... 
import { DatePipe } from '@angular/common'; 

@Component({...}) 
export class PanelComponent implements OnInit { 
    // ... 
    datePipe: DatePipe = new DatePipe(); // Error thrown here 
    // ... 
} 

このコードセグメントはRC5で正常に機能しました。今、私は

~/tmp/broccoli_type_script_compiler-input_base_path-XitPWaey.tmp/0/src/app/panel/panel.component.ts (33, 24): 
Supplied parameters do not match any signature of call target. 

がどのように私はこの問題を解決することができ、Angular2最終リリースにアップグレードしようとしていると私はng serveまたはng buildを実行すると、このエラーを取得していますか？パイプをインスタンス化する別の方法はありますか？あるいは、Angularはコンポーネント内でパイプのインスタンス化をサポートすることを止めましたか？

Answer 1

あなたがソースコードを見てみるならば、あなたはDatePipeコンストラクタが必要なパラメータを要求していることがわかります。

constructor(@Inject(LOCALE_ID) private _locale: string) {} 

理由だデータパイプ

https://github.com/angular/angular/blob/2.0.0/modules/%40angular/common/src/pipes/date_pipe.ts#L97

にはデフォルトロケールがありませんtypescriptはエラーを返します。あなたは以下に示すように、あなたの変数を開始する必要が この方法：

datePipeEn: DatePipe = new DatePipe('en-US') 
datePipeFr: DatePipe = new DatePipe('fr-FR') 
constructor() { 
    console.log(this.datePipeEn.transform(new Date(), 'dd MMMM')); // 21 September 
    console.log(this.datePipeFr.transform(new Date(), 'dd MMMM')); // 21 septembre 
} 

が、それはあなたのお役に立てば幸い！

Answer 2

すべてが正常に見えますが、エラーはコードのどこにでもなければなりません。 私plunkerを参照してください：https://plnkr.co/edit/koDu6YmB131E6sXc6rKg?p=preview

import {Component, NgModule} from '@angular/core' 
import {BrowserModule} from '@angular/platform-browser' 
import {DatePipe} from '@angular/common'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     <h2>Hello {{name}}</h2> 
    </div> 
    `, 
}) 
export class App { 

    dPipe = new DatePipe(); 

    constructor() { 
    this.name = 'Angular2' 
    console.dir(this.dPipe); 
    console.log(this.dPipe.transform(new Date(), 'dd.MM')); 
    } 
} 

@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ App ], 
    bootstrap: [ App ] 
}) 
export class AppModule {} 

そして@Harryニン..あなたがパイプを挿入することはできません！