Không thể khởi tạo DatePipe

Question

Tôi đang cố gắng khởi tạo đối tượng DatePipe trong ứng dụng Angular2 của mình để sử dụng hàm transform(...) trong một thành phần mà tôi đang phát triển.

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

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

Đoạn mã này hoạt động tốt trong RC5. Bây giờ tôi đang cố gắng để nâng cấp lên Angular2 phát hành cuối cùng và nhận được lỗi này khi tôi chạy ng serve hoặc ng build,

~/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. 

Làm thế nào tôi có thể giải quyết vấn đề này? Có cách nào khác để khởi tạo một ống không? Hoặc có Angular ngừng hỗ trợ instantiating của ống bên trong các thành phần?

Answer 1

Nếu bạn có một cái nhìn vào mã nguồn sau đó bạn sẽ thấy rằng DatePipe constructor yêu cầu một tham số yêu cầu:

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

Không có locale mặc định cho DataPipe

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

Đó là lý do tại sao typecript đưa ra lỗi. Bằng cách này, bạn phải bắt đầu biến của mình như được hiển thị bên dưới:

Hy vọng nó sẽ giúp bạn!

Answer 2

có vẻ ổn, lỗi phải ở bất kỳ nơi nào khác trong mã của bạn. Xem plunker tôi: 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 {} 

Và @Harry Ninh .. bạn không thể tiêm Ống !!