在IE中使用dom-repeat或在<select>中断

Question

使用表并在Polymer中选择下拉列表时，我发现我可以在＆lt; table＆gt; /＆lt; select＆gt;中使用dom-repeat模板。打印出标签的值数组。除了当然Internet Explorer之外，这对所有浏览器都完美无缺。 例： ＆LT;选择＆GT;   ＆lt; template is =＆＃34; dom-repeat＆＃34;项=＆＃34; {{LISTOFITEMS}}＆＃34;如=＆＃34;项目＆＃34;＆GT;     ＆lt; option value =＆＃34; {{item.value}}＆＃34;＆gt; {{item.name}}＆lt; / option＆gt;   ＆LT; /模板＆GT; ＆LT; /选择＆GT; 直接来自聚合物元素目录的另一个例子： ＆lt; table id =＆＃34; element-table＆＃34;＆gt;   ...   ＆LT; TBODY＆GT;     ＆lt; template is =＆＃34; dom-repeat＆＃34;项=＆＃34; [元件]]＆＃34;＆GT;       ＆lt; tr on-tap =＆＃34; nav＆＃34;目标$ =＆＃34; [item.name]]＆＃34;＆GT;         ＆lt; td class =＆＃34; name＆＃34;宽度=＆＃34; 100＆＃34;＆GT; [item.name〕25; / TD＆GT;         ＆lt; td class =＆＃34; description relative＆＃34;＆gt; [[item.description]]＆lt; / td＆gt;         ＆lt; td class =＆＃34; tags＆＃34;＆gt;           ＆lt; template is =＆＃34; dom-repeat＆＃34;项=＆＃34; [item.tags]]＆＃34;＆GT;             ＆lt; tag-link name =＆＃34; [[item]]＆＃34;上抽头=＆＃34; tagTapped＆＃34;＆GT;＆LT; /标签链路＆GT;＆LT;跨度＆GT;，＆LT; /跨度＆GT;           ＆LT; /模板＆GT;         ＆LT; / TD＆GT;         ＆lt; td class =＆＃34; actions＆＃34;＆gt;           ＆lt; element-action-menu element =＆＃34; [[item.name]]＆＃34;图标仅=＆＃34;＆＃34;＆GT;＆LT; /元件动作方式菜单＆gt;         ＆LT; / TD＆GT;       ＆LT; / TR＆GT;     ＆LT; /模板＆GT;   ＆LT; / tbody的＆GT; ＆LT; /表＆gt; 这是不是现在Internet Explorer中不支持（我在Polymer网站上注意到他们不允许IE浏览器访问表页面）或有没有办法做到这一点？

Answer 1

IE对<template>标记没有原生支持，还有一个额外的怪癖，它对非<tr>，<thead>或{{1}做了奇怪的事情表格内的标签和选择内的非<tbody>标签。

基本上当前的状态是在模板中放置<option>或类似的东西会炸毁IE中的解析器，实际上可能泄漏并破坏应用程序的其他部分，而不仅仅是表格渲染。

Polymer团队是definitely aware of this issue但是（截至2016-04-01）没有正式的解决方法。

您可以尝试使用CSS dom-repeat伪造表格。这是一个丑陋的黑客攻击，但IE并没有给出太多选择。