polymer - 如何重复Polymer 2.x 中的标签？

Question

在 Polymer 1.0 中，我会像这样重复<option>标签内的<select>标签：

<select>
  <template is="dom-repeat" items="{{items}}">
    <option value$="[[item]]">[[item]]</option>
  </template>
</select>

但在 Polymer 2.x 中，建议使用<dom-repeat>标签：

<select>
  <dom-repeat items="{{items}}">
    <template>
      <option value$="[[item]]">[[item]]</option>
    </template>
  </dom-repeat>
</select>

但这不起作用。那么如何<option>在 Polymer 2 中重复标签呢？

Answer 1

此问题看起来与inside报告的<dom-repeat><table>问题相似。

现在的解决方法是使用“混合模式”，其中 2.0<dom-repeat>包装了一个<template is="dom-repeat">：

<select>
  <dom-repeat items="[[items]]">
    <template is="dom-repeat" items="[[items]]">
      <option value="[[item]]">[[item]]</option>
    </template>
  </dom-repeat>
</select>

密码笔

更新： @DocDude（来自 Polymer 团队的 Arthur Evans）在 Slack 中指出，在Polymer 2.0 element<template is="dom-repeat">中仍将支持using 。您只需要从元素外部（例如 in ）使用包装器。elementindex.html

Polymer 核心团队的@KevinShaaf 也在GitHub 上证实了这一点：