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 はそれをまったくロードしないことに注意してください。