以tr为容器的角组件

Question

我有一张桌子，我正在创建角度组件作为该桌子的行：

  <tbody>
    <ng-template appAddTableRows></ng-template>
  </tbody>

这是创建组件的代码

let componentFactory = this.componentFactoryResolver.resolveComponentFactory(RowComponent);
let componentRef = this.flightRows.viewContainerRef.createComponent(componentFactory);

我为此编辑了组件选择器：[app-row] 所以现在可以了，但是每行周围都有一个没用的div容器。例如：

<div app-row="" _nghost-c19=""><tr _ngcontent-c19=""> row works</tr></div>

我希望该容器是tr。而且我可以摆脱div。如何实现呢？

Answer 1

您可以更改选择器。代替[app-row]（或当前的名称），将其更改为tr[app-row]，然后从模板中删除tr标签