在Polymer中,如何以编程方式操作本地DOM(例如,像DOM repeat)

在Polymer中,如何以编程方式操作本地DOM(例如,像DOM repeat),polymer,Polymer,我希望以编程方式(即使用JavaScript代码)操作本地DOM。我想实现一个类似于dom repeat的功能 一些伪代码: <dom-module id="my-grid"> <script> Polymer({ is: 'my-grid', ready: function() { for each item in dataProvider { var childInstance = INSTANTIATE rend

我希望以编程方式(即使用JavaScript代码)操作本地DOM。我想实现一个类似于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);
       }
    }
  });

聚合物({
是‘我的网格’,
就绪:函数(){
对于dataProvider中的每个项目{
var childInstance=实例化渲染器(来自阴影dom)
addChild(childInstance);
}
}
});


这方面的实际用例是:我想要一个网格组件(例如,3行x 3列),它重复子元素。我试着从0.5开始研究核心列表的实现,但我不太了解其中的机制。

我发现了如何实现它。比如:

setRenderer: function(renderer) {
    for (var i = 0; i < 5; i++) {
        var inst = document.createElement(renderer);
        inst.owner = i;
        Polymer.dom(this.root).appendChild(inst);
    }
}
setRenderer:函数(渲染器){
对于(变量i=0;i<5;i++){
var inst=document.createElement(渲染器);
inst.owner=i;
Polymer.dom(this.root).appendChild(inst);
}
}