Я пытаюсь создать список многократного использования, в котором шаблон строки передается как слот, но содержимое слота повторяется только один раз. Пример здесь: https://codepen.io/chris-gunawardena/project/editor/XkPYQw
<script src="https://polygit.org/components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="https://polygit.org/components/paper-button/paper-button.html">
<dom-module id="list-repeater">
<template>
<template is="dom-repeat" items="{{items}}" as="item">
<li>
# [[index]]: [[item]] <slot name="row-template"></slot>
</li>
</template>
</template>
<script>
class ListRepeater extends Polymer.Element {
static get is() {
return 'list-repeater';
}
static get properties() {
return {
items: Array,
};
}
}
customElements.define(ListRepeater.is, ListRepeater);
</script>
</dom-module>
Это привыкло так:
<list-repeater items='["a","b"]'>
<div slot="row-template">--slot content--</div>
</list-repeater>
Функциональность аналогична Iron-List, который принимает шаблон, но с трудом следит за действиями Iron-List.