Question

我尝试使用Polymer 1.0创建数据表组件。我遇到了一个只在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>

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

如果我删除<table>和</table>标记，数据绑定正常。有人遇到同样的问题吗？有提及的任何解决方法吗？

Answer 1

是的，惊讶，惊讶，它是一个IE呈现错误。 IE对于可以在表元素中使用的元素类型非常肛门，而Polymer在DOM中留下了标签。也被打破了。

下面是Github问题的链接：

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

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

不能在标签内部使用数据绑定，使用IE 10（其他浏览器可以）

1 个答案: