角度分量，tr为容器

Posted 2021-04-09

我有一个表，我正在创建角度组件作为该表的行：

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

这是创建组件的代码

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

我编辑了组件选择器：[app-row]所以现在它可以工作，但我的每一行都有一个无用的div-Container。例如：

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

如果那个容器是tr，我更愿意。我可以摆脱div。怎么做到这一点？

答案

您可以更改选择器。而不是[app-row]（或其当前的任何东西），将其更改为tr[app-row]，并从模板中删除tr标记