ng-template在嵌套列表

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无效。将子步骤模板移出carousel.html修复它。