Почему angularjs ng-include так не работает

Question

Я хочу использовать ng-шаблон для итерации моих аргументов, что может помочь в создании содержимого меню отступа. но ng-include не работает для меня. Я добавил цитату

вот простой пример, http://codepen.io/elvis-macak/pen/meropX

body(ng-app="app",ng-controller="MainController")

  script(type='text/ng-template', id="data-list.html")
    span {{key}}
    span {{value}}

  div
    div(ng-repeat="data in datas")
      h3 {{data.date }}
      ul      
        li(ng-repeat="(key, value) in data")
          span {{key}}
          span {{value}}
      ul
        li(ng-include, src="data-list.html", ng-repeat="(key, value) in data")

он не может распечатать содержимое скрипта внутри.

Я не знаю почему, кто-то может мне помочь?

Answer 1

Я не уверен на 100%, что вы спрашиваете, но, насколько я понимаю, вы хотите использовать ng-include в вашем ng-repeat. Я не использую Jade, но смотрю на некоторые скомпилированные HTML из вашего примера:

<li ng-include="ng-include" src="'data-list.html'" ng-repeat="(key, value) in data"></li>

Ваши аргументы для ng-include неверны. Это должно выглядеть так:

<li ng-include src="'data-list.html'" ng-repeat="(key, value) in data"></li>

Который, кажется, работает. Однако будьте осторожны с использованием ng-include внутри ng-repeat, так как это ухудшает производительность. По мере развития более сложных потребностей (таких как использование сложных представлений внутри ng-повторов) вы, вероятно, захотите использовать директиву, которая является угловым способом управления DOM.