angularjs – 指令在里面不工作是ng重复约束

前端之家收集整理的这篇文章主要介绍了angularjs – 指令在里面不工作是ng重复约束前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表,其中通过重复重复行重复.
我正在尝试创建一个生成列< 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> – 这将基于我的数据对象上的属性数量来决定,但是目前我只是想要得到一个将输出两列的简单指令.

MYPLUNKER显示此问题的实例和指令代码.

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

猜你在找的Angularjs相关文章