没有dom绑定的聚合数据绑定_Dom_Data Binding_Polymer_Polymer 1.0

没有dom绑定的聚合数据绑定

dom data-binding polymer

没有dom绑定的聚合数据绑定,dom,data-binding,polymer,polymer-1.0,Dom,Data Binding,Polymer,Polymer 1.0,我有一个计算属性myProperty的聚合物元素。我需要将myProperty绑定到HTML页面中的另一个位置，因此我不能将其放入dom绑定模板中这就是我的意思 <html> <body> <div> <my-element my-property="{{myProperty}}"></my-element> </div> <!--somewhere

我有一个计算属性myProperty的聚合物元素。我需要将myProperty绑定到HTML页面中的另一个位置，因此我不能将其放入dom绑定模板中

这就是我的意思

<html>
   <body>
       <div>
          <my-element my-property="{{myProperty}}"></my-element>
       </div>
       <!--somewhere deep inside another part of the document-->
       <div>
          <h4>myProperty = </h4><span>[[myProperty]]</span>
       <div>
   </body>
</html>

我不能将我的元素和[[myProperty]]的用法包装在dom绑定模板中，因为这将导致几乎整个文档都包含在这个模板中。尝试按原样使用绑定会导致显示myProperty=[[myProperty]]，而不是[[myProperty]]的值

是否有某种方法可以使行为类似于数据绑定，但可以在整个HTML文档中使用？将来可能还会有这样一种情况，[[myProperty]]在属性中使用，例如。或者，如果这两种情况都单独包装在dom绑定模板中，有没有办法使绑定成为全局的

提前感谢

不知道为什么您不能这样做：

<head>
   ...
   <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
   ...
</head>

<html>
   <body>
       <template is="dom-bind" id="app">
         <div>
           <my-element my-property="{{myProperty}}"></my-element>
         </div>
         <!--somewhere deep inside another part of the document-->
         <div>
           <h4>myProperty = </h4><span>[[myProperty]]</span>
         <div>
       </template>
   </body>
</html>

除非你没有告诉我们你想要的具体行为，否则这应该是你想要的

为了紧凑，我大大简化了结构。div标签共享的第一个父级包含一个非常复杂的网站的其余部分，div本身至少有6层DOM。包装这些毫不相关的内容的想法似乎挫败了PolymerI的目标，我不确定我是否会遵循。您要求：[…]但可在整个HTML文档中使用。这正是这段代码实现的。如果您只需要页面的一部分，那么就用dom-bind包装该部分页面。对不起，我不清楚。我想要页面的两部分，一部分包含，另一部分包含[[myProperty]]。其思想是，每个部分都可以位于文档中的任何位置，例如，导航栏中的一个部分和主要内容部分中的另一个部分，而不必将整个正文包装在模板中。我认为这是不可能的，除非您将每个部分分别包装在单独的模板中。然后通过id在Javascript中找到它们，然后在template1的属性myProperty发生更改时手动更改template2的myProperty。但这很难看，我不明白为什么你不把整个html页面包装成一个模板，然后开始将这个庞大复杂的网站重构成更小的组件。谢谢你的回答，虽然它是正确的，但由于复杂的原因，它并不适合我的情况，但它帮助我澄清了一些关于数据绑定的误解。

<my-second-element my-property="[[myProperty]]">