AngularJS для визуализации шаблона внутри компиляции внутри цикла внутри частичного

Question

У меня есть частичная, которая имеет директиву, которая отображает кучу вещей в цикле, используя скомпилированную HMTL-as-строку внутри директивы. Эта сама HTML-строка содержит ng-include, которая не отображает.

Пожалуйста, смотрите мой jsfiddle example

В принципе, это не включает в себя template2.html:

element.html('<span>The name is ' + scope.content.name + '!</span><div ng-include src="template2.html"></div><br>'); 

Все указатели будут оценены.

Спасибо!

Answer 1

WORKING DEMO

просто нужно написать, как

src=" \'template2.html\'" 


var linker = function(scope, element, attrs) { 
    element.html('<span>The name is ' + scope.content.name + '!</span><div ng-include src=" \'template2.html\'"></div><br>'); 
    $compile(element.contents())(scope); 
}; 

подробнее в DOCS

Answer 2

ответ Винод в выше (замените src="template2.html" с src="\'template2.html\'") правильно, хотя я бы рекомендовал использовать фактический шаблон вместо вручную компилировать шаблон самостоятельно в функции ссылки. В вашем примере вы фактически не получаете преимущества двусторонней привязки. Вы просто принимаете вывод html функции компиляции, и он никогда не будет обновляться, если базовые данные изменятся. Вот ваш пример изменен, чтобы показать привязки (и шаблон исправления Винод компании):

http://jsfiddle.net/kf3vZ/5/

Обратите внимание, как если изменить значение любого из флажков, значение директивы не меняются.

Теперь вот версия с использованием template аргумента директивы:

http://jsfiddle.net/kf3vZ/7/

Теперь, если вы измените текстовые поля, значение директивы изменится также.

Еще одно замечание, так как вы уже используете script теги для ваших шаблонов, вы можете заменить template в своей директиве с templateUrl и обеспечить id шаблона сценария.