Question

我有一个层次结构，其中父元素为子元素提供相当复杂的对象。但是，当我想创建一个演示页面，单元测试或从PHP提供变量时，我必须将所有内容都推送到字符串中，或让子元素从生命周期回调中的全局元素中获取它们。

auto-binding template允许在多个Polymer元素之间共享状态。你也可以设置一个dom-change监听器，但我似乎无法在子对象被标记之前声明一个变量。

有没有办法使用标准<element property="{{variable}}">语法为元素提供局部变量或全局变量？

Answer 1

获取自动绑定模板的句柄并向其添加属性，然后绑定到该属性。

<template id="main" is="auto-binding">
   <my-element foo="{{bar}}"></my-element>
</template>

<script>
  var t = document.getElementById('main');
  t.bar = 'test';
</script>

将本地JavaScript变量绑定到Polymer之外的Polymer元素

1 个答案: