Home / Questions / 194958
Accepted
Fabricio Loupias
Asked: 2020-09-08 08:31:26 +0800 CST 2020-09-08 08:31:26 +0800 CST

如何更改日期语言数据管道Angular 6？

  • 772

我想更改我的应用程序日期的语言，使其来自阿根廷，我尝试使用此配置查看角度文档，但它仍然没有改变。默认设置为 en-US。它没有通过控制台向我显示任何错误

app.module.ts

import { registerLocaleData } from '@angular/common';
import localeEsAr from '@angular/common/locales/es-AR';
registerLocaleData(localeEsAr);

app.component.html

<td>{{resultado.date?.seconds * 1000| date:'fullDate'}}</td>
angular

2 Answers

  1. Best Answer

    您缺少的是从 Angular 通用语言环境导入语言环境，还注册它们以便您可以使用它们，这应该可以解决您的错误

    '缺少区域设置“es-AR”的区域设置数据'

    如果您不断收到相同的错误，请检查您的语言环境文件夹是否包含 es-Ar，在您的情况下，您应该只导入 es-Ar，在我的示例中它显示了其他几个语言环境

        import { LOCALE_ID, NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { AppComponent } from '../src/app/app.component';
    import { registerLocaleData } from '@angular/common';

    // importar locales
    import localePy from '@angular/common/locales/es-PY';
    import localePt from '@angular/common/locales/pt';
    import localeEn from '@angular/common/locales/en';
    import localeEsAr from '@angular/common/locales/es-AR';

    // registrar los locales con el nombre que quieras utilizar a la hora de proveer
    registerLocaleData(localePy, 'es');
    registerLocaleData(localePt, 'pt');
    registerLocaleData(localeEn, 'en')
    registerLocaleData(localeEsAR, 'es-Ar');

    @NgModule({
      imports: [ BrowserModule ],
      declarations: [ AppComponent ],
      // Aqui usas el nombre que hayas colocado al locale, en este caso es-Ar o pt o en, etc
      providers: [ { provide: LOCALE_ID, useValue: 'es-Ar' } ],
      bootstrap: [ AppComponent ]
    })
    export class AppModule { }
    • 21

  2. 问题是您如何设置本地化。从官方文档中可以看出app.module.ts：

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

import { AppComponent } from '../src/app/app.component';

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ AppComponent ],
  providers: [ { provide: LOCALE_ID, useValue: 'fr' } ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

    您用于注册语言环境的方法，我知道如果您要使用多个位置而不仅仅是一个位置，它会很有用。

    在这种情况下，您必须指明要在管道中使用的语言环境。

    • 0