如何用角度6包装多个投影内容?

时间:2018-08-20 08:17:30

标签: angular

我正在尝试将一些内容投影到列表中,即在每个投影的项目周围添加包装器。

在自定义组件中,我具有以下标记:

<my-component>
    <a [routerLink]="path" class="link">Link1</a>
    <span class="link" someDirective>Link2</span>
    <a href="http://www.example.com>Link 3></a>
</my-component>

my-component模板中,我想要这样的东西:

<ul>
    <li *ngSelectFor=".link"><ng-content></ng-content></li>
</ul>

目标是生成此标记:

<ul>
    <li><a [routerLink]="path" class="link">Link1</a></li>
    <li><span class="link" someDirective >Link1</span></li>
    <li><a href="http://www.example.com>Link 3></a></li>
</ul>

有可能吗?

0 个答案:

没有答案