无法在 <table> 标签内使用数据绑定，IE 10（其他浏览器正常）

Question

我正在尝试使用 Polymer 1.0 创建数据 table 组件。我遇到了一个仅在 IE10 上重现的奇怪问题（已验证 Chrome 和 Firefox 均正常）。

以下代码，显示绑定数据内容失败：

<table>
      <tr>
        <template is="dom-repeat" items="{{columns}}" as="col" index-as="colIndex">
          <th>
            <div>++</div>
            <div>{{colIndex}}</div>
            <div>--</div>
            <div>{{col.title}}</div>
            <div>++</div>
          </th>
        </template>
      </tr>
 </table>

使用 IE10 中的 DOM 资源管理器检查结果，我可以看到没有数据绑定没有替换 {{colIndex}} 和 {{col.title}}。

如果我删除了 <table> 和 </table> 标签，数据绑定就可以了。有人遇到过同样的问题吗？有什么解决方法吗？

Answer 1

是的，惊喜，惊喜，这是一个 IE 渲染错误。 IE 对可以在 table 元素内使用的元素类型极为关注，而 Polymer 在 DOM 内留下标签。也坏了。

这是 link 到 Github 的问题：

https://github.com/Polymer/polymer/issues/1567

我们在一个项目中很晚才发现这一点。解决方案是用基于自定义的构造替换所有 table 和选择。在问题评论中有一个 link 可以帮助您开始这条不幸的道路。

无法在 <table> 标签内使用数据绑定，IE 10（其他浏览器正常）

Can't use data binding inside <table> tag, with IE 10 (other browsers OK)

polymer

polymer-1.0