IE8 HTML5动态内容没有在AngularJs中应用样式

IE8 HTML5 dynamic content has no style applied with AngularJs

本文关键字:AngularJs 应用 样式 HTML5 动态 IE8      更新时间:2023-09-26

我正在使用AngularJs和几十个JS来修复IE。

我把数据放在JSON中,不同的页面会选择不同的JSON数据,并使用ng-repeat和ng-view进行渲染。然而,我在模板文件中使用HTML5标签,毫不奇怪,IE8没有样式化ng-view中的任何元素。我已经在使用html5shiv。我能做什么?

我试过用div代替section标签,基本上样式工作。我认为问题是当Angular渲染视图时,新的HTML5标签不是用innerShiv()包装的?

我完成了IE.....

Angular文档中有一个IE特定修复的列表:http://docs.angularjs.org/guide/ie

主要是不使用HTML5的样式标签,如<ng-view>,而不是<div ng-view>。到目前为止,使用这个指南对我来说还没有问题。我也必须支持IE8

由于HTML5标签是在<:tag>中呈现的,如果你想样式一个部分。内容:

section.content{
    background-color: red;
}

设置为:

section.content, ':section.content{
    background-color: red;
}

IE最终会给出你想要的样式!