Как использовать ViewChildren с разными детьми?

Question

Как сделать универсальную обертку для компонента?

Мне нужно иметь возможность обернуть любой компонент моей оберткой.

Например:

child.html

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

wrapper.dart

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

результат html:

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

Я нашел ViewChildren , но здесь указаны статические компоненты, в моем случае я не могу знать, кто будет ребенком.

Как я могу это сделать?Можете показать пример?

Answer 1

Для этого вы захотите использовать ng-контент. https://webdev.dartlang.org/angular/guide/lifecycle-hooks#content-projection

Например:

child.html

<h2>child<h2>

wrapper.dart

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

родительский html:

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