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

Я хотел бы изменить язык даты моего приложения, чтобы он был из Аргентины, я пробовал с этой конфигурацией, просматривая документацию angular, но она все еще не меняется. Значение по умолчанию — 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