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

时间:2017-11-14 09:57:23

标签: javascript angular typescript internationalization

我有一个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"}]

1 个答案:

答案 0 :(得分:-1)

Angular有一个有用的内置翻译功能。你只需要创建i18n文件夹和带翻译的文件,我建议将它们分组以保持订购:我为每种语言使用不同的文件夹(西班牙语,英语),每个文件夹内,每个部分的文件夹(管理),在里面我分隔各种字符串(ui,警报,说明,工具提示等...),然后只是一个名称,以便稍后识别它。 在要翻译的元素/容器上添加它:

翻译=&#34; management.ui.accept&#34;

希望有所帮助