Internet explorer 8 与AngularUI兼容的浏览器

Internet explorer 8 与AngularUI兼容的浏览器,internet-explorer-8,angular-ui,angular-ui-bootstrap,Internet Explorer 8,Angular Ui,Angular Ui Bootstrap,我试图在IE8中打开AngularUI网站()。UI在IE8中呈现不正确(在最新版本的chrome/firefox中工作正常)。这促使我搜索AngularUI模块的浏览器兼容性。 小组中的讨论指出AngularUI引导模块不支持IE8() 但是可以找到下面列出的其他模块的信息。 UI-Utils 用户界面模块 天然气格栅 用户界面路由器 所以问题是,这些模块是否与ie8兼容。如果是,是否希望在将来继续支持。许多AngularUI指令在IE8中工作正常,前提是您不使用自定义元素选项配置它们。问题是

我试图在IE8中打开AngularUI网站()。UI在IE8中呈现不正确(在最新版本的chrome/firefox中工作正常)。这促使我搜索AngularUI模块的浏览器兼容性。 小组中的讨论指出AngularUI引导模块不支持IE8() 但是可以找到下面列出的其他模块的信息。 UI-Utils 用户界面模块 天然气格栅 用户界面路由器
所以问题是,这些模块是否与ie8兼容。如果是,是否希望在将来继续支持。

许多AngularUI指令在IE8中工作正常,前提是您不使用自定义元素选项配置它们。问题是IE8忽略了任何非标准HTML的元素,这显然将这种方法抛诸脑后

改用属性方法。例如,而不是:

<tabset>
    <tab ng-repeat="tab in tabs" heading="{{tab.name}}"></tab>
</tabset>

使用:


除了@Paul的正确答案(顺便说一句,应该将其标记为答案)之外,以下是角度团队的解释以及如何在IE8中更正它们。另外,需要注意的是Angular团队正式放弃了Angular 1.3及更高版本中对IE8的支持。因此,如果您需要支持IE8,请不要使用Angular 1.3+,也不要使用任何使用Angular 1.3+的Angular UI

或者,您可以使用如下脚本告诉IE8使用默认情况下未知的元素:

<script>
   document.createElement("tabset");
   document.createElement("tab");
   document.createElement("tab-heading");
</script>

document.createElement(“tabset”);
document.createElement(“选项卡”);
document.createElement(“制表符标题”);
这让IE8知道
是有效的元素

<script>
   document.createElement("tabset");
   document.createElement("tab");
   document.createElement("tab-heading");
</script>