我有一张桌子,其中的行通过重复ng-repeat。我正在尝试创建一个模板,<td>为每一行生成列<tr>
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 代替- 这将根据我的数据对象上的属性数量来确定,但是目前,我只是试图获得一个简单的指令,该指令将输出两列。
<customtd>
MYPLUNKER:显示此问题的一个实例和指令代码。
如注释中所指出,指令模板应具有单个根元素。因此,我建议您将tr元素移动到指令的模板,如下所示:http : //plnkr.co/edit/YjLEDSGVipuKTqC2i4Ng?p=preview
tr