用ngInclude附加html后编译指令

Question

我有一个指令将li项添加到列表中。每个li都有一个div，包括模板。我追加HTML后编译它，但ngInclude不起作用。它不包含指定的模板。

scope.attrs.itemTpl = 'dimension-item-tpl.html'; 

elemnt.find('ul').append(generatedList); 
$compile(generatedList)(scope); 

试过两个例子，HTML追加后：

<li class="col-xlg-2 col-lg-3 col-md-4 col-sm-6" data-item="creative_filename"> 
    <div ng-include="dimension-item-tpl.html"></div> 
</li> 
<li class="col-xlg-2 col-lg-3 col-md-4 col-sm-6" data-item="size"> 
    <div ng-include="dimension-item-tpl.html"></div> 
</li> 

与第二：

<li class="col-xlg-2 col-lg-3 col-md-4 col-sm-6" data-item="creative_filename"> 
    <div ng-include="attrs.itemTpl"></div> 
</li> 
<li class="col-xlg-2 col-lg-3 col-md-4 col-sm-6" data-item="size"> 
    <div ng-include="attrs.itemTpl"></div> 
</li> 

我在做什么错？

例子： http://jsfiddle.net/mato75/4zhLtjbw/

Answer 1

在第一个例子

你缺少单引号。

ngInclude =评估为URL的角度表达式。如果源为 字符串常量，请确保将其用单引号括起来。 src =“'myPartialTemplate.html'”。

试试这个。

<li class="col-xlg-2 col-lg-3 col-md-4 col-sm-6" data-item="creative_filename"> 
    <div ng-include="'dimension-item-tpl.html'"></div> 
</li> 
<li class="col-xlg-2 col-lg-3 col-md-4 col-sm-6" data-item="size"> 
    <div ng-include="'dimension-item-tpl.html'"></div> 
</li> 

请注意单引号。

参考：https://docs.angularjs.org/api/ng/directive/ngInclude