我有一个表,其中通过重复重复行重复.
我正在尝试创建一个生成列< td>对于每一行< tr>
我正在尝试创建一个生成列< 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> – 这将基于我的数据对象上的属性数量来决定,但是目前我只是想要得到一个将输出两列的简单指令.
如在注释中指出的,指令的模板应该有单个根元素.所以我建议您将tr元素移动到指令的模板,如下所示:
http://plnkr.co/edit/YjLEDSGVipuKTqC2i4Ng?p=preview