Polymer, IE11 dom-repeat 无渲染选项标签

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> 标记。
  • 结果：成功写入 span 标签
• 运行 polymer build 并在构建的代码上测试 IE10
  • 结果：没有变化

有人知道我有什么问题吗？关于我可以测试什么的任何想法？

感谢任何想法

Answer 1

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

一种解决方案是使用自定义元素，例如 paper-dropdown-menu