聚合物，IE11多姆-重复不呈现选项标签

Question

我对IE11有特别的问题。这段代码在Chrome/Firefox/Edge中运行良好。我看不出我在做什么会让这件事失效。

下面是我的聚合物元素的阴影正在破碎的部分：

  <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：

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

到目前为止，我测试的是：

• 从<option>标记中删除所有属性
  • 结果:没有变化，仍然没有渲染。

​

• 从标记<option value="0" selected$="{{matchesDefault(0)}}">All</option>中删除默认
  • 结果:没有变化，仍然没有渲染。

​

• 将<template is="dom-repeat">标记移出<select>之外，就在正在检查的打开的<template>标记下设置[[showSelect]] &将它们从<option>更改为<span>标记。
  • 结果:成功地编写了span标记

​

• 运行polymer build并在构建的代码上测试IE10
  • 结果:无变化

​

有人看到我有什么问题了吗？对我能测试什么有什么想法吗？

任何想法都会受到赞赏。

Answer 1

这是一个已知的问题，tables和selects在IE11中不与dome-repeat一起工作--在没有工作解决方案的Github这里中打开了一个问题。

一种解决方案是使用自定义元素，可能类似于纸张下拉菜单