在聚合物中，如何以编程方式操作本地DOM(例如DOM -repeat)

Question

我想以编程方式操纵本地DOM(即使用JavaScript代码)。我想实现一个类似dom-repeat的功能。

一些伪代码:

<dom-module id="my-grid">
<script>
  Polymer({
    is: 'my-grid',
    ready: function() {
       for each item in dataProvider {
          var childInstance = INSTANTIATE renderer (from shadow dom)
          localDOM.addChild(childInstance);
       }
    }
  });

这个的实际用例:我想有一个网格组件(例如3行x 3 cols)，重复子组件。我试着从0.5开始研究核心列表的实现，但我并不是很了解它的机制。

Answer 1

我已经知道怎么做了。比如:

setRenderer: function(renderer) {
    for (var i = 0; i < 5; i++) {
        var inst = document.createElement(renderer);
        inst.owner = i;
        Polymer.dom(this.root).appendChild(inst);
    }
}