我正在尝试将一些内容投影到列表中,即在每个投影的项目周围添加包装器。
在自定义组件中,我具有以下标记:
<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>
有可能吗?