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

发布时间：2020-12-17 09:29:02 所属栏目：安全来源：网络整理

导读：我有一个表,其中通过重复重复行重复. 我正在尝试创建一个生成列 td对于每一行 tr app.directive("customtd",function(){ return { restrict: 'E',template: "td{{position.Name}}/tdtd{{position.Code}}/td",replace: true,scope: { position: '=' } }}); ta

我有一个表,其中通过重复重复行重复.
我正在尝试创建一个生成列< 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!