App exemplo PO-UI Language #1457

app.component.html

<po-page-default p-title="PO UI">
    <po-select
    class="po-md-3"
    name="locales"
    [ngModel]="locale"
    (ngModelChange)="locale = $event; onChangeLocale();"
    p-label="Localization Example"
    [p-options]="localesOptions"
  >
  </po-select>
  {{title}}
  </po-page-default>
  

app.component.ts

import { Component, OnInit, VERSION } from '@angular/core';
import { PoI18nService } from '../../../ui/src/lib';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})
export class AppComponent implements OnInit {
  locale: string;
  title: string;
  localesOptions = [
    { label: 'Português Brasileiro', value: 'pt-br' },
    { label: 'Russo', value: 'ru-ru' },
  ];

  constructor(private _poI18nService: PoI18nService) {}

  ngOnInit(): void {
    this.locale = this._poI18nService.getLanguage();

    this._poI18nService.getLiterals().subscribe((literals) => {
      this.title = literals['title'];
    });
  }

  onChangeLocale() {
    if (this.locale) this._poI18nService.setLanguage(this.locale, true);
  }
}

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { PoModule } from '@po-ui/ng-components';

import { AppComponent } from './app.component';
import { PoI18nConfig, PoI18nModule } from '../../../ui/src/lib';

const generalPt = {
  title: 'Título do texto'
};

export const generalRu = {
  title: 'Текстовое название'
};

const i18nConfig: PoI18nConfig = {
  default: {
    language: 'ru-ru', // deve respeitar a configuração default, independente do resetAfterReload
  },
  contexts: {
    general: {
      'pt-BR': generalPt,
      'ru-RU': generalRu,
    },
  },
  resetAfterReload: true
};
@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    FormsModule, RouterModule.forRoot([],
      { relativeLinkResolution: 'legacy' }),
    PoModule,
    PoI18nModule.config(i18nConfig),],
  bootstrap: [AppComponent]
})
export class AppModule { }