如何在Angular 2中访问模板中的子组件？

Question

我觉得我有一个共同的问题，但我找不到合适的搜索条件。

我想创建一个列表组件，其中包含我可以使用的n个项目：

<list>
  <item1></item1>
  <item2></item2>
  ...
</list>

但我也想添加一个control-panel组件，因此最终结果是：

<list>
  <item1></item1>
  <item2></item2>
  ...
  <control-panel></control-panel>
</list>

显然，我不想将控制面板添加到<list>的所有用法中，只需将其添加到其模板中一次。

我认为<list> - 组件的模板看起来像这样：

{{children}}
<control-panel></control-panel>

如何在模板中访问列表的子项？