ng-шаблон не работает в IE8 во вложенном списке

Question

У меня есть следующий код (Jade)

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. Есть что-нибудь, что я пропускаю? Может быть, ошибка в ng-шаблоне в IE8?

Answer 1

Тот факт, что я использовал Jade для включения карусели, скрывал тот факт, что я создал вложенные теги сценариев. NG-шаблон подшагов находился внутри шаблона carousel.html. Очевидно, что с Chrome все в порядке, в то время как IE8 (и, возможно, другие, которые я не проверял) не согласны с этим, потому что это недопустимый HTML. Перемещение шаблона подшагов из carousel.html исправило это.