且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在 Angular 2 的同一组件中使用多个 ng-content?

更新时间:2023-11-27 08:49:10

您可以将 ng-content 包裹在 ng-template 中并使用 ngTemplateOutlet>

You can wrap ng-content in ng-template and use ngTemplateOutlet

<a class="bouton" href="{{ href }}" *ngIf="hasURL">
    <ng-container *ngTemplateOutlet="contentTpl"></ng-container>
</a>

<button class="bouton" *ngIf="!hasURL">
    <ng-container *ngTemplateOutlet="contentTpl"></ng-container> 
</button>
<ng-template #contentTpl><ng-content></ng-content></ng-template>

Plunker 示例

另见

Angular 9 演示