用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