如何绑定Polymer 2.x中的本地化值

时间:2017-09-13 03:34:44

标签: data-binding localization

Paper toast显示绑定到字符串属性的消息,如下所示:

<paper-toast  text="{{message}}">

我需要根据服务器返回的密钥设置消息。

显示本地化值的语法是{{localize(&#39; key&#39;)}}其中key是服务器响应。我不确定如何本地化密钥并设置消息属性。

有没有办法调用Polymer.AppLocalizeBehavior的localize函数来以编程方式获取键的本地化值并设置消息以便它可以绑定到toast元素?

我正在寻找的是以下工作

text={{localize([[message]])}}

但它也不起作用。

2 个答案:

答案 0 :(得分:0)

我不确定我是否理解正确的问题,或者我的回答是否会对您有所帮助。但我使用Polymer.AppLocalizeBehavior的方式与描述它的方式完全相同。但是,我只在Polymer1中使用它,最重要的是它来自静态文件。我试着调整聚合物2的答案,也许它对你有所帮助。

<h1>[[localize('address')]]<h1>
<paper-toast text="[[localize('address')]]">


class testElement extends Polymer.mixinBehaviors([Polymer.AppLocalizeBehavior], Polymer.Element) {
      static get is() { return 'test-element'; }
      ready: function() {
        this.loadResources(this.resolveUrl('locales.json'));
      }
}



更新
这不是很好,但我相信它会起作用。但是我没有时间测试它,我确定这是否适合你的情况

<paper-toast text="[[localize('key1')]] [[localize('key2')]]">

只有给定的值会绑定到文本。

答案 1 :(得分:0)

它可能无法正常工作,因为您需要编写如下函数:

{{localize(message)}}

即。删除括号。