我想在组件中显示其他模板。只有一个会显示。如果hasURL是的话true，我想展示一下<a></a>。如果hasURL是的话false，我想展示一下<button></button>。
问题是，如果hasURL为false，则显示组件按钮，但是ng-content为空。因为它已经在第一个“a></a>
有办法解决这个问题吗？
<a class="bouton" href="{{ href }}" *ngIf="hasURL">
<ng-content>
</ng-content>
</a>
<button class="bouton" *ngIf="!hasURL">
<ng-content>
</ng-content>
</button>
你可以用ng-content在ng-template与使用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>
也可以看看
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句