如何在`table`组件中插入`thead`组件？

Question

我正在创建具有不同值的其他theads。为此，我只保留了<table></table>就创建了一个表组件，我试图将thead插入表中。但不起作用。

正确的方法是什么？

表组件：

import { Component } from '@angular/core';

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: [ './table.component.css' ]
})
export class TableComponent  {}

还有thead组件：

从'@ angular / core'导入{组件};

@Component({
  selector: 'app-thead',
  templateUrl: './thead.component.html',
  styleUrls: [ './thead.component.css' ]
})
export class TheadComponent  {}

html：

<thead>
    <th>Someple header</th>
    <th>Someple header</th>
</thead>

我尝试使用应用程序组件：

<app-table>
  <app-thead></app-thead> //not getting anything.
</app-table>

有人建议我处理这种情况的正确方法吗？

谢谢。