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

Respuestas a la pregunta(1)

Su respuesta a la pregunta