錯誤：[$ compile：multidir]多個指令[mdVirtualRepeat，ngInclude]要求進行轉換

Question

我在我的html頁面中使用mdVirtualRepeat指令時遇到問題。問題是我需要在同一個標​​籤中包含一個html。這是我應該需要做的：

<table> 
    <thead> 
    <tr> 
     <th ng-repeat="header in headers"> 
      {{header.title}} 
     </th> 
    </tr> 
    </thead> 
    <tbody md-virtual-repeat-container 
      id="vertical-container" 
      md-auto-shrink = "true" 
      md-virtual-repeat="item in items.list" 
      data-ng-include="./details.html'"> 
    </tbody> 
</table> 

和details.html頁面包含我的表中的列2 TR。喜歡的東西：

<tr> 
    <td> 
    {{item..}} 
    </td> 
    <td> 
     {{item..}} 
    </td> 
</tr> 
<tr> 
    <td colspan="2"> 
     {{item..}} 
    </td> 
</tr> 

真正的問題是，item需要在所有detail.html頁面中使用它。所以我不能在第一個<tr>標籤中循環，因爲在第二個我不能再使用它了。但這樣我就不能使用該指令，因爲我得到這個錯誤：Error: [$compile:multidir] Multiple directives [mdVirtualRepeat, ngInclude] asking for transclusion

有沒有辦法解決這個問題？

編輯： 或者有可能是這樣的嗎？

<tr md-virtual-repeat="item in items.list"> 
    <td> 
    {{item..}} 
    </td> 
    <td> 
     {{item..}} 
    </td> 
</tr> 
<tr> 
    <td colspan="2"> 
     {{item..}} (use item also here out of ng-repeat?) 
    </td> 
</tr> 

Answer 1

嘗試創建一個指令。喜歡的東西：

yourModule.directive('details', function() { 
    return { 
    restrict: 'A', 
    templateUrl: 'details.html' 
    }; 
}); 

然後：

<tbody md-virtual-repeat-container 
     id="vertical-container" 
     md-auto-shrink = "true" 
     md-virtual-repeat="item in items.list" 
     details> 

編輯： 這裏是一個simplified example