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

0

Я хочу использовать 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")

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

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

Теги:
angularjs-ng-include
angularjs-ng-template

1 ответ

0

Я не на 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-repeat), вы, вероятно, захотите использовать директиву, которая является угловым способом манипулирования DOM.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню