我有一个表,其中通过重复重复行重复.
我正在尝试创建一个生成列< 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
原文链接：https://www.f2er.com/angularjs/140538.html