如何在 Angular 4 中进行 i18n 翻译以获得动态值？

Question

我有一个 html 模板，它的显示标签动态来自 .ts 文件，如果我想动态翻译它，我该如何实现？

html

<div class="container" *ng-for="let diplaylbl of array">
    <div class="name">{{diplaylbl.firstname}}</div> 
</div>

来自.ts

export public array = [{firstname:"potato"}, {firstname:"tomato"}]

Answer 1

Angular 有一个有用的内置翻译功能。您只需要使用翻译创建 i18n 文件夹和文件，我建议将它们分组以使其保持有序：我为每种语言（西班牙语，英语）使用不同的文件夹，并且在每个文件夹中，每个部分（管理）都有一个文件夹，在里面我将各种字符串（用户界面、警报、指令、工具提示等）分开，然后只是一个名称，以便以后识别它。 将此添加到您要翻译的元素/容器上：

translate="management.ui.accept"

希望有帮助