关于 AngularJS ng-includes 的快速问题包括部分具有 HTML5 节点结构的位置,即:页眉、导航、页脚......
在我的标题中,我拥有使 Angular 在 Internet Explorer 8 及更低版本中正常工作的所有好东西。
所有 ng-view 和 ng-includes 都按预期工作。
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Internet Explorer AngularJS element creation -->
<!--[if lte IE 8]>
<script>
document.createElement('ng-include');
document.createElement('ng-pluralize');
document.createElement('ng-view');
document.createElement('ng:include');
document.createElement('ng:pluralize');
document.createElement('ng:view');
</script>
<script src="http://cdnjs.cloudfare.com/ajax/libs/json3/3.2.4/json3.min.js"></script>
<![endif]-->
问题是当部分中有一个 HTML5 节点时。
假设: partial 在 partials 中称为 header。
<ng-include src="'partials/header.partial.html'"></ng-include>
示例 1(header.partial.html 源代码 - 在 IE8 中不显示)
<header>
<h1>logo</h1>
</header>
示例 2(header.partial.html 源代码 - 在 IE8 中显示)
<div>
<h1>logo</h1>
</div>
我已经包含了来自 angular 的 require 脚本以及 html5 shim。
如果我将部分内容移动到根文件,一切都很好。
想法?