Pasar idioma con Date Pipe en la plantilla HTML angular 2 - angular, texto mecanografiado, angular2-plantilla, fecha-pipe

En Angular2, podemos formatear la fecha usando DatePipe usando mecanografiado como:

new DatePipe (navigator.language || "en-US"). transform (mydate, "medium")

Pero, quiero hacer esto en el lado HTML. Leí que puedo hacer así:

mydate fecha: "medium"

Pero, esto todavía no se ocupa de la localización, como en, no está pasando el idioma. ¿Cómo modifico el uso de pipe en mi HTML para que pueda pasar el idioma también?

Respuestas

Si quieres usar el DatePipe está limitado a los valores predeterminados que se proporcionan allí, pero si desea establecer la configuración regional en su plantilla, ya sea un literal o provenga de una variable, puede definir una canalización personalizada como esta:

import { Pipe, PipeTransform } from "@angular/core";
import { DatePipe } from "@angular/common";

@Pipe({name: "dateWithLocale"})
export class DateWithLocalePipe implements PipeTransform {
constructor(){}
transform(value: string, locale: string, pattern: string): number {
return new DatePipe(locale).transform(value, pattern);
}
}

y úsalo así:

{{time | dateWithLocale: "en-US" : "short"}}

Puedes ver el ejemplo de trabajo. aquí.