错误：[$ 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>

编辑 ：这是一个简化的例子