angularjs - ng-template 在嵌套列表中的 IE8 中不起作用

Question

我有以下代码（玉）

script(type="text/ng-template" id="carousel.html")
    include carousel.html

carousel.html 有一个递归嵌套列表：

<ul>
    <li ng-repeat="step in steps">
        {{step}}
        <ul ng-include="'substeps'"></ul>
    </li>
</ul>

子步骤在哪里：

<script type="text/ng-template" id="substeps">
    <li ng-repeat="step in step.substeps>
        {{step}}
        <ul ng-include="'substeps'"></ul>
    </li>
</script>

基本上只要有子步骤，ng-repeat 就会将它们添加为嵌套列表。这适用于除 IE8 之外的所有浏览器。有什么我忽略的吗？可能是 IE8 中的 ng-template 中的错误？

Answer 1

我使用 Jade 包含轮播的事实隐藏了我创建了嵌套脚本标签的事实。子步骤 ng-template 在 carousel.html 模板中。显然 Chrome 对此没问题，而 IE8（也许还有其他我没有检查过的）对此不满意，因为它是无效的 HTML。将 substeps 模板移出 carousel.html 修复了它。