Angular2: esegue il rendering di un componente senza il relativo tag wrapping

Sto lottando per trovare un modo per farlo. In un componente padre, il modello descrive una table e il relativo elemento thead , ma delega il rendering del tbody a un altro componente, come questo:

 
Name Time

Ogni componente myResult esegue il rendering del proprio tag tr , fondamentalmente in questo modo:

  {{ entry.name }} {{ entry.time }}  

Il motivo per cui non lo sto mettendo direttamente nel componente principale (evitando la necessità di un componente myResult) è che il componente myResult è in realtà più complicato di quanto mostrato qui, quindi voglio mettere il suo comportamento in un componente e un file separati.

Il DOM risultante sembra cattivo. Credo che ciò sia dovuto al fatto che non è valido poiché tbody può contenere solo tr elementi (vedere MDN) , ma il mio DOM (semplificato) generato è:

 
Name Time
Bob 128
Lisa 333

C’è un modo in cui possiamo ottenere la stessa cosa renderizzata, ma senza il wrapping , e mentre si usa ancora un componente per essere il solo responsabile del rendering di una riga della tabella?

Ho esaminato il ng-content , DynamicComponentLoader , ViewContainerRef , ma non sembrano fornire una soluzione a questo, per quanto posso vedere.

È ansible utilizzare selettori di attributo

 @Component({ selector: '[myTd]' ... }) 

e poi usarlo come