Angular のインクルードと HTML 5 のシミングに問題があります。
次のようなヘッダーがあります。
<header data-ng-include data-src="'partials/header.html'"></header>
header.html 内には次のものがあります。
<nav>
<ul>
<li>Test</li>
</ul>
</nav>
IE8 では問題なく表示されます。ただし、のスタイルはnav > ul
適用されません。CSSを変更するdiv > ul
と動作します。または、 を a に変更する<nav>
と、<div>
それも機能します!
これは HTML 5 のシミングの問題であると考えたので、シムが適切に配置されていることを確認しました (manual 要素 create shim をヘッドに追加しようとしても):
<!--[if lt IE 9]>
<script src="/js/vendor/html5shiv.min.js"></script>
<![endif]-->
しかし、それはスタイルには役立ちません。コードを から移動しng-include
てインラインに含めると、正常に動作します...何かアイデアはありますか?
ここにPlkrがあります
注: IE8 は Plnkr では動作しませんが、ソースをダウンロードしてローカルでテストできます。