Угловой компонент с 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 из шаблона