ポリマー2.xの<option>タグを繰り返す方法は？ポリマー1.0で

Question

私はこのような<select>タグ内<option>タグを繰り返したい：

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

が、ポリマー2.xの中で<dom-repeat>タグを使用することをお勧めします：

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

しかし、これは動作しません。どのようにポリマー2に<option>タグを繰り返すのですか？

Answer 1

この問題は、one reported for <dom-repeat> inside <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> 

codepen

UPDATE：（ポリマーチームからアーサー・エバンス） @DocDude noted in Slackは、<template is="dom-repeat">を使用しても依然としてポリマー2.0要素の内側にをサポートします。要素の外側からelementラッパーを使用する必要があります（例：index.html）。

@KevinShaafポリマーコアチームからもconfirmed this in GitHubがあります