如何在Angular中显示不同语言的日期？

npm install @angular/common

import { NgModule } from '@angular/core';
import { CommonModule, registerLocaleData } from '@angular/common';
import localeEn from '@angular/common/locales/en';
import localeFr from '@angular/common/locales/fr';

registerLocaleData(localeEn);
registerLocaleData(localeFr);

@NgModule({
  imports: [
    CommonModule
  ],
  // 其他模块配置...
})
export class AppModule { }

import { Component, LOCALE_ID } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <p>{{ currentDate | date }}</p>
  `,
  providers: [
    { provide: LOCALE_ID, useValue: 'en' } // 使用英语语言环境
  ]
})
export class MyComponent {
  currentDate: Date = new Date();
}

providers: [
  { provide: LOCALE_ID, useValue: 'fr' } // 使用法语语言环境
]