我有一个 Angular 应用程序，除了在 IE8 中运行良好。本质上，外部样式表中的样式不会对在我的视图中呈现的代码生效。我遵循了 Angular IE 指南。这是我的 html 元素上的代码：
<!--[if IE 8]>
<html class="no-js lt-ie9" xmlns:ng='http://angularjs.org' id='ng-app' ng-app='HPApp' ng-controller='HPMainController' ng-init='loadHP()'>
<![endif]-->
我稍后会渲染一个 IE 特定的样式表，否则我会使用数据绑定来渲染一个特定于 URL 的样式表
<!--[if IE 8]>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" ng-href="css/{{cssPath}}">
<!--<![endif]-->
稍后在我的 html 正文中，我有一个带有 ng-view 属性的 div
<div ng-view></div>
如果我在模板中删除带有 ng-view 和硬编码的 div，我的样式就会生效。否则，我的样式似乎会在模板呈现之前应用于页面。
另外，请注意，如果我在 IE 特定样式表上使用 ng-href 属性，则 IE 根本不会加载它。