Перевести текст из компонентов в Angular 2+

Question

Я хочу перевести текст из компонентов .ts в приложение Angular 2+.

Сейчас я уже перевел текст из шаблона HTML с использованием официального руководства (https://angular.io/guide/i18n), но не могу найти способ перевести текст из компонента .ts.

Например, я бы хотел перевести заголовок страницы

import { Component, OnInit } from '@angular/core';
import { Title } from '@angular/platform-browser';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {

  constructor(private title: Title) {}

  ngOnInit() {
    this.title.setTitle('I would like to have this title translated');
  }
}

Есть какой-нибудь способ добиться этого красиво?

Answer 1

Для углового перевода используйте http://www.ngx-translate.com/ this. Это отличный плагин для локализации. Сделайте файл i18n json в вашем каталоге и работайте легко.

Проверьте этот поршень https://plnkr.co/edit/WccVZSBM0rUgq2sXSUbe?preview