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

问题描述 投票:0回答:1

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

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

例如:

child.html

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

wrapper.dart

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

结果html:

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

我找到了ViewChildren,但这里标明了静态组件,在我的情况下我不知道谁将是孩子。

我怎样才能做到这一点?你能树立榜样吗?

dart angular-dart dart-html
1个回答
0
投票

为此你需要使用ng-content。 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>
© www.soinside.com 2019 - 2024. All rights reserved.