聚合物 - 实现数据绑定全局价值的最佳方式?

时间:2017-02-01 14:55:38

标签: polymer polymer-1.0

在聚合物1.0中为所有元素实现GOBAL_URL值的最佳方法是什么?与Angular 1一样,您可以获得持续的服务。

  <form is="iron-form"
    id="search"
    method="get"
    with-credentials="true"
    action="{{GOBAL_URL}}/api/v1/food_search"
    content-type="application/x-www-form-urlencoded; charset=UTF-8">

2 个答案:

答案 0 :(得分:2)

我会使用iron-meta元素来分享env变量 - &gt; link

然后,您可以使用iron-meta-query获取全局变量。你甚至可以在那里存储对象。

<iron-meta id="fanPages" key="fanPages" value=
        '{
          "fb": "https://facebook.com/your-site",
          "tw": "https://twitter.com/your-site",
          "inst":"https://www.instagram.com/your-site"
        }'>

然后在任何其他组件中,您可以通过查询来获取此变量

<iron-meta-query id="query" key="fanPages" value="{{fanPages}}"></iron-meta-query>

答案 1 :(得分:1)

对于服务器网址,我使用localStorage(或<app-localstorage-document>元素)。它看起来像是:

<app-localstorage-document key="serverUrl" data="{{_serverUrl}}"></app-localstorage-document>
<iron-ajax url="[[_serverUrl]]/api/v1/food_search"></iron-ajax>

_serverUrl属性初始化为默认网址。