一尘不染

指令在ng-repeat绑定内不起作用

angularjs

我有一张桌子,其中的行通过重复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 代替-
这将根据我的数据对象上的属性数量来确定,但是目前,我只是试图获得一个简单的指令,该指令将输出两列。

MYPLUNKER:显示此问题的一个实例和指令代码。


阅读 374

收藏
2020-07-04

共1个答案

一尘不染

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

2020-07-04