angular - 如何用 Angular 6 包装多个投影内容？

Question

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

在自定义组件中，我有这个标记：

<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>

有可能吗？

标签： angular