如何在翻译中使用ng2-completer

时间:2018-04-18 16:26:23

标签: angular angular-translate ng2-completer

我是角色新手,我尝试将模块 ng2-completer TranslateModule 一起使用。

问题是当我从服务器端检索JSON时,JSON是:

table

我想在标签

中使用 tipo 作为值
[{"id":10,"tipo":"EUR"},{"id":20,"tipo":"USD"}]

其中“ dataService4 ”在构造函数中初始化为

  

this.dataService4 = completerService.local(this。 diviseAzioni ,“tipo”,“tipo”); // diviseAzioni 是对象列表类DivisaAzioni {       身份证号码;       tipo:string;} (来自服务器端的JSON)


并使用angular的 TranslateModule 来翻译 tipo 的值。

  

e.g。 EUR :“欧元”,美元:“美元”作为选择的textLabel。

THX。

1 个答案:

答案 0 :(得分:0)

这方面的挑战是,您希望从实际数据值中获得不同的显示值(如果我正确地解释您的问题)。

查看ng2-completer的文档,我没有看到这样做的方法。您的选择似乎是:

1)通过修改ng2-completer源代码(不推荐)

来一起破解解决方案

2)重写您的服务如下: 当数据来自它调用的任何API时,立即将其与翻译模块一起翻译,并仅公开翻译的值。每当您使用该服务保存或发送值时,请转换回源文本。您可以使用本地地图加快速度,这样您就不必为反向翻译进行网络调用。

3)使用mat-autocomplete。您可以只包含您需要的组件,但它仍然非常重。但是,它具有以下功能:https://material.angular.io/components/autocomplete/overview#setting-separate-control-and-display-values