En este artículo, veremos qué es getLocaleEraNames en Angular 10 y cómo usarlo.
GetLocaleEraNames
Sintaxis:
getLocaleEraNames(locale: string, width: TranslationWidth)
NgModule: el módulo utilizado por getLocaleEraNames es:
- CommonModule
Acercarse:
- Cree la aplicación angular que se utilizará
- En app.module.ts importa LOCALE_ID porque necesitamos que se importe la configuración regional para usar getLocaleEraNames.
import { LOCALE_ID, NgModule } from '@angular/core';
- En app.component.ts importe getLocaleEraNames y LOCALE_ID
- inyecta LOCALE_ID como una variable pública.
- En app.component.html muestra la variable local usando la interpolación de strings
- sirva la aplicación angular usando ng serve para ver el resultado.
Parámetros:
- locale: Una string que contiene el código local con reglas.
- ancho: El ancho del carácter.
Valor de retorno:
- array: array que contiene los nombres de las eras.
Ejemplo 1:
app.module.ts
import { LOCALE_ID, NgModule }
from '@angular/core';
import { BrowserModule }
from '@angular/platform-browser';
import { AppRoutingModule }
from './app-routing.module';
import { AppComponent }
from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [
{ provide: LOCALE_ID, useValue: 'en-GB' },
],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.ts
import {FormStyle,
getLocaleEraNames,
TranslationWidth }
from '@angular/common';
import {Component,
Inject,OnInit,
LOCALE_ID }
from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
code = getLocaleEraNames(this.locale,
TranslationWidth.Wide);
constructor(
@Inject(LOCALE_ID) public locale: string,){}
}
app.component.html
<h1>
GeeksforGeeks
</h1>
<p>Era Names is : {{code}}</p>
Producción:
Ejemplo 2:
app.module.ts
import { LOCALE_ID, NgModule }
from '@angular/core';
import { BrowserModule }
from '@angular/platform-browser';
import { AppRoutingModule }
from './app-routing.module';
import { AppComponent }
from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [
{ provide: LOCALE_ID, useValue: 'en-GB' },
],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.ts
import {FormStyle,
getLocaleEraNames,
TranslationWidth }
from '@angular/common';
import {Component,
Inject,
OnInit,
LOCALE_ID }
from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
era = getLocaleEraNames(this.locale,
TranslationWidth.Wide);
a='';
b='';
constructor(
@Inject(LOCALE_ID) public locale: string,){
if(this.era[0]=='Before Christ'){
this.a='BC';
this.b='AD';
}
}
}
app.component.html
<h1>
GeeksforGeeks
</h1>
<p>Era Names:
<li>{{a}}</li>
<li>{{b}}</li>
</p>
Producción:
