¿Cómo usar múltiples contenidos ng en el mismo componente en Angular 2?
Me gustaría mostrar diferentes plantillas en mi componente. Solo uno se mostrará. SihasURL
estrue
, Quiero mostrar el<a></a>
. SihasURL
esfalse
, Quiero mostrar el<button></button>
.
El problema si hasURL es falso, el botón de mostrar componente, pero el contenido ng está vacío. Porque ya se leyó en el primer "a></a>
¿Hay alguna manera de resolver eso por favor?
<a class="bouton" href="{{ href }}" *ngIf="hasURL">
<ng-content>
</ng-content>
</a>
<button class="bouton" *ngIf="!hasURL">
<ng-content>
</ng-content>
</button>
¡Gracias!