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>的正下方，并设置了<template>并将其从[[showSelect]]更改为<option> <span>个标签。
- 结果：成功写入跨度标签
运行polymer build并在已构建的代码上测试IE10
- 结果：无变化

有人看到我错了吗？关于我可以测试的任何想法吗？

任何想法都值得赞赏

Answer 1

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

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

聚合物，IE11 dom重复无渲染选项标签

1 个答案: