Polymer，IE11 dom-重复无渲染选项标签

Question

我遇到了 IE11 的问题。此代码在 Chrome/Firefox/Edge 中运行良好。我不明白我在做什么会导致它不起作用。

这是我的聚合物元素阴影 dom 断裂的部分：

  <template is="dom-if" if="[[showSelect]]]">
    <select value="{{selectValue::change}}">
      <option value="0" selected$="{{matchesDefault(0)}}">All</option>
      <template is="dom-repeat" items="{{excludeNumbers}}" as="number">
        <option value="[[number]]" selected$="[[isExclude(number)]]">Skip [[number]]s</option>
      </template>
    </select>
  </template>

我正在尝试做的事情并且正在 Chrome/FF/Edge 但不是 IE11:

如果设置，显示阴影 dom <select>.
绑定 this.selectValue 以在下拉列表更改时更新。
遍历 this.excludeNumbers 并将它们写为 <option> 嵌套在 <select> 中，如果它们是

到目前为止我测试过的内容：

正在从 <option> 标签中删除所有属性
- 结果：没有变化，仍然不渲染
从标记中删除默认 <option value="0" selected$="{{matchesDefault(0)}}">All</option>
- 结果：没有变化，仍然不渲染
将 <template is="dom-repeat"> 标记移动到 <select> 之外，就在检查 [[showSelect]] 的开始 <template> 标记下方，并将它们从 <option> 到 <span> 个标签。
- 结果：成功写入跨度标签
运行 polymer build 并在构建代码上测试 IE10
- 结果：无变化

有人看出我哪里错了吗？关于我可以测试的内容有什么想法吗？

欢迎任何想法

Answer 1

这是一个已知问题，tables 和 selects 不适用于 IE11 中的 dome-repeat 在 Github here 中打开了一个问题，没有有效的解决方案

一种解决方案是使用自定义元素，可能类似于 paper-dropdown-menu

Polymer，IE11 dom-重复无渲染选项标签

Polymer, IE11 dom-repeat no rendering option tags

javascript

web-component

polymer

custom-element

polymer-3.x