2013-08-17 28 views
3

我试图打开IE8的AngularUI网站(http://angular-ui.github.io/)。 UI在IE8中无法正确呈现(在最新版本的Chrome/Firefox中运行良好)。这导致我搜索浏览器对AngularUI模块的兼容性。 在A组讨论中指出我AngularUI,引导模块不支持IE8(https://groups.google.com/forum/#!topic/angular-ui/8L0739rxdes) 但能找到下面列出的其他模块的信息。 UI-Utils UI模块 NG-Grid UI-Router 所以问题是,这些模块是否与ie8兼容。如果是的话,是否有希望在未来继续支持。AngularUI - 兼容的浏览器

回答

21

许多AngularUI指令不正确IE8工作只要你不使用自定义元素选项进行配置。问题在于IE8忽略了任何不是标准HTML的元素,这显然是将这种方法从水中移除。

使用属性:一种办法。例如,而不是:

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

用途:

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

除了@保罗的正确答案,它的方式应该被标记为答案,这里是角队的解释,以及如何纠正他们在IE8 Angular IE8 development guide工作。此外,应该注意的是,角队正式在角1.3下探支持IE8以后,blog。所以,如果你需要支持IE8,不要用角1.3+,也不能使用,使用1.3+任何角度的用户界面。

3

或者你可以告诉IE8通过使用这样的脚本要使用哪个不是每个默认已知元素:

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

这让IE8知道<tabset><tab><tab-heading>是有效的元素。