在 Polymer 中，如何以编程方式操作本地 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 列），它重复子项。我试着从0.5开始看core-list的实现，但是对机制不是很了解

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);
    }
}

在 Polymer 中，如何以编程方式操作本地 DOM（例如 dom-repeat）

In Polymer, how to manipulate local DOM programmatically (e.g. like dom-repeat)

polymer