Polymer 聚合物应用中的动态变化局部化

Polymer 聚合物应用中的动态变化局部化,polymer,polymer-1.0,Polymer,Polymer 1.0,我有一个聚合物应用程序与许多模板,我想在其中管理本地化。为此,我使用应用程序本地化行为。我找到了。这里提出的解决方案使用行为,只需在每个模板中添加少量内容,并使用唯一的json数据文件 我的问题是,我希望能够动态更改语言,并可能将其存储在applocalstorage文档元素中,我可以从另一个文件管理该元素。如何在此文件外部设置此语言属性 <link rel="import" href="../../bower_components/polymer/polymer.html"> &l

我有一个聚合物应用程序与许多模板,我想在其中管理本地化。为此,我使用应用程序本地化行为。我找到了。这里提出的解决方案使用行为,只需在每个模板中添加少量内容,并使用唯一的json数据文件

我的问题是,我希望能够动态更改语言,并可能将其存储在applocalstorage文档元素中,我可以从另一个文件管理该元素。如何在此文件外部设置此语言属性

<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/app-localize-behavior/app-localize-behavior.html">

<script>
  MyLocalizeImpl = {
    properties: {
      language: {
        value: 'fr'
      }
    },

    attached: function() {
      this.loadResources(this.resolveUrl('../locales.json'));
    },
  };

  MyLocalize = [MyLocalizeImpl, Polymer.AppLocalizeBehavior]; 
</script>

MyLocalizeImpl={
特性:{
语言:{
值:“fr”
}
},
附:函数(){
this.loadResources(this.resolveUrl('../locales.json'));
},
};
MyLocalize=[MyLocalizeImpl,Polymer.ApplLocalizeBehavior];
好的,我调整了。更改语言的模板必须覆盖语言属性,包括“notify:true”:

  properties: {
    language: {
      value: 'en',
      type: String,
      notify: true
    },
  },
然后,我将所有其他元素的语言属性绑定为:

<element language="{{language}}"></element>
奖励:如何为每种语言使用不同的json文件:

<link rel="import" href="localize.html">
Polymer({
  is: "my-page",

  behaviors: [
    MyLocalize
  ]