Javascript 聚合物,IE11 dom重复无渲染选项标记
我对IE11特别有意见。这段代码在Chrome/Firefox/Edge中运行良好。我不知道我在做什么会导致这一切不起作用 这是我的聚合物元素的阴影dom正在破坏的部分:Javascript 聚合物,IE11 dom重复无渲染选项标记,javascript,polymer,web-component,custom-element,polymer-3.x,Javascript,Polymer,Web Component,Custom Element,Polymer 3.x,我对IE11特别有意见。这段代码在Chrome/Firefox/Edge中运行良好。我不知道我在做什么会导致这一切不起作用 这是我的聚合物元素的阴影dom正在破坏的部分: <template is="dom-if" if="[[showSelect]]]"> <select value="{{selectValue::change}}"> <option value="0" selected$="{{matchesDefault(0)}}"&
<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>
全部的
跳过[[number]]s
我尝试在Chrome/FF/Edge中工作,但不是在IE11中:
- 如果设置了,则显示阴影dom
- 绑定此选项。更改下拉列表时,选择要更新的值
- 循环遍历
,并将它们作为嵌套在此.excludeNumber
中的
写入,如果它们是
- 从
标记中删除所有属性- 结果:没有更改,仍然不渲染
- 从标记中删除默认的
All
- 结果:没有更改,仍然不渲染
- 将
标记移到
之外,就在检查is
的开口[[showSelect]]
标记下方,并将其从
更改为
标记。- 结果:成功写入span标记
- 运行聚合物构建并在构建的代码上测试IE10
- 结果:没有变化
任何想法都值得赞赏这是一个已知的问题,
表格
和选择
不适用于IE11中的dome repeat
此问题已在中打开,但没有有效的解决方案
一种解决方案是使用自定义元素,可能类似于谢谢您提供的信息!我昨天花了太多时间在这上面(哈)。