指令在ng-repeat绑定内不起作用

Question

我有一张桌子，其中的行通过重复ng-repeat。我正在尝试创建一个模板，<td>为每一行生成列<tr>

app.directive("customtd", function(){
  return {
    restrict: 'E',
    template: "<td>{{position.Name}}</td><td>{{position.Code}}</td>",
    replace: true,
    scope: {
      position: '='
    }
  }
});



<table>
  <tr ng-repeat="p in positions">
    <customtd position="p"></customtd>
  </tr>
</table>

问题是我的自定义td模板根本没有呈现。在这里，我打算<customtd>用n个<td>s 代替-
这将根据我的数据对象上的属性数量来确定，但是目前，我只是试图获得一个简单的指令，该指令将输出两列。

MYPLUNKER：显示此问题的一个实例和指令代码。

Answer 1

如注释中所指出，指令模板应具有单个根元素。因此，我建议您将tr元素移动到指令的模板，如下所示：http
:
//plnkr.co/edit/YjLEDSGVipuKTqC2i4Ng?p=preview