Polymer - データバインディングのグローバル値を実装する最適な方法は？

Question

GOBAL_URLの値をすべての要素のポリマー1.0に実装する最良の方法は何ですか？ Angular 1のように、あなたは常にサービスを提供しています。私はENV変数を共有するiron-meta要素を使用して行くだろう

<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"> 

Answer 1

- >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" 
     }'> 

その後、他のコンポーネントで使用すると、クエリによってサーバーのURLについては、それ

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

Answer 2

をこの変数を取得することができ、私は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プロパティは、デフォルトのURLに初期化されます。それは次のようになります。