使用 Polymer 通过引用传递对象属性

Question

我有一个包含大型 JS 对象的聚合物 <parent-element>。

在这个 <parent-element> 中，我有 N <child-element> 个都消耗了大型 JS 对象。

如果我将大型 JS 对象作为属性传递给 <child-element>，它将创建一个 "deep" 副本。

// in <parent-element>
<div>
  <child-element id="child1" largeobject="{{largeobject}}"></child-element>
  <child-element id="child2" largeobject="{{largeobject}}"></child-element>
  //...
</div>

通过引用传递元素的最佳做法是什么？

只需以编程方式将其附加到 <child-element>？

// in <parent-element>
ready: function(){
  this.$.child1.largeobject = this.largeobject;
}

谢谢！

Answer 1

一切都已通过引用发生，语法为：

// in <parent-element>
<div>
  <child-element id="child1" largeobject="{{largeobject}}"></child-element>
  <child-element id="child2" largeobject="{{largeobject}}"></child-element>
  //...
</div>

https://jsbin.com/fozotu/edit?html,console,output

使用 Polymer 通过引用传递对象属性

Pass object properties by reference with Polymer

javascript

polymer

polymer-1.0