如何将 ViewChildren 与不同的孩子一起使用？

Question

如何为组件制作通用包装器？

我需要能够用我的包装器包装任何组件。

例如：

child.html

...
<h2>child<h2>
...

包装器.dart

...
<h1><child><child><h1>
...

结果html：

<h1><h2>child<h2><h1>

我找到了ViewChildren，但这里显示了静态组件，就我而言，我不知道谁会是孩子。

我该怎么做？你能举个例子吗？

Answer 1

为此，您需要使用 ng-content。 https://webdev.dartlang.org/angular/guide/lifecycle-hooks#content-projection

例如：

child.html

<h2>child<h2>

包装器.dart

<h1><ng-content></ng-content><h1>

父 html：

<wrapper><child></child></wrapper>