如何在构造函数中使用i18n翻译Angular2中的标签和路由链接

Question

我是Angular2的新成员，这是我第一次使用国际定位，所以我被卡住了，我需要你的帮助。

我已经翻译了HTML中的文本，现在我正在处理.ts文件的国际化。

我的问题是：？如何在.ts文件的构造函数中翻译标签和routelink？

我想得到这个翻译：

constructor(private doctypesService: DoctypesService, private categoriasService: CategoriesService, 
private metadataService: MetadataService, private breadcrumbService: BreadcrumbService, private i18n: I18n) {
this.breadcrumbService.setItems([
{ label: 'Administración' },
{ label: 'Categorías', routerLink: ['/categorias'] }
]);

两个标签和路由链接。

我已经用这种方法转换了ts文件中表头的值，它很有效，但我不知道如何使用标签和routerlink。感谢您的帮助

这就是我在init中所做的转换头的操作：

ngOnInit() {
this.refreshCategorias();
this.refreshSubcategorias();
this.refreshMetadatos();
this.cols = [
{ field: 'code', header: this.i18n('código')},
{ field: 'name', header: this.i18n('nombre') },
{ field: 'description', header: this.i18n('descripción')}
];

}

当然，我必须使这个进口使其工作

import { I18n } from '@ngx-translate/i18n-polyfill';

Answer 1

您可以通过创建TranslateService的实例并调用instant()来翻译它

示例：

constructor(private doctypesService: DoctypesService, private categoriasService: CategoriesService, 
private metadataService: MetadataService, private breadcrumbService: BreadcrumbService, public translate: TranslateService) {
this.breadcrumbService.setItems([
{ label: this.translate.instant('Administración') },
{ label: this.translate.instant('Categorías'), routerLink: ['/categorias'] }
]);