Kann Nicht Instanziiert Werden DatePipe

Ich versuche zum instanziieren einer DatePipe Objekt in meiner Angular2 app zu verwenden transform(...) - Funktion in einer Komponente, auf die ich entwickle.

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

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

Dieses code-segment fein gearbeitet in RC5. Jetzt bin ich versucht, zu aktualisieren, um Angular2 endgültigen Version und bekomme diese Fehlermeldung, wenn ich laufen ng serve oder 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.

Wie kann ich dieses Problem beheben? Gibt es eine andere Möglichkeit der Instanziierung ein Rohr? Oder hat die Winkel-gestoppt Unterstützung der Instanziierung der Pipes inneren Bauteile?

  • Sie sind nur mit dem Rohr in die falsche Richtung. Sie sollten nicht manuell instanziieren Sie ein Rohr, verwenden Sie DI statt.
InformationsquelleAutor charith.arumapperuma | 2016-09-21
  1. 21

    Wenn Sie einen Blick auf source-code, dann werden Sie sehen, dass DatePipe Konstruktor verlangt ein erforderlicher parameter:

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

    Gibt es keine Standard-locale für DataPipe

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

    Deshalb Typoskript gibt den Fehler.
    Auf diese Weise haben Sie initiieren eine variable, wie unten dargestellt:

    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
}

    Hoffe es hilft dir!

    InformationsquelleAutor yurzui
  2. 0

    sieht alles in Ordnung, der Fehler muss irgendwo anders in deinem code.
    Siehe meine 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 {}

    Und @Harry Ninh .. man kann nicht Spritzen Rohre!!

    • Ich glaube, plunker nutzt noch eine ältere version von Angular2. Folgende @yurzui die Antwort, die ich habe überprüfen DatePipe Klasse Geschichte und fand, dass neuer Konstruktor eingeführt, RC6 von diesem pull-request. fix(i18n): Währung/Datum/Anzahl Rohr verwenden injiziert locale
    • Als die Antwort zeigt, können Sie Spritzen Eckige Rohre einschließlich DatePipe. Ich erstellt eine Plunkr Beispiel von dependency injection mit dem DatePipe für Referenz.
    InformationsquelleAutor mxii
Schreibe einen Kommentar