Question

我想从Angular 2+应用程序中的.ts组件翻译文本。

现在我已经使用官方指南（https://angular.io/guide/i18n）翻译了HTML模板中的文本，但找不到从.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/。这是一个很棒的本地化插件。将i18n json文件放在您的目录中并轻松工作。

检查此plunker https://plnkr.co/edit/WccVZSBM0rUgq2sXSUbe?preview

翻译Angular 2+中组件的文本

1 个答案: