Gostaria de exibir um modelo diferente no meu componente. Apenas um será exibido. E sehasURL étrue, Eu quero mostrar o<a></a>. E sehasURL éfalse, Eu quero mostrar o<button></button>.

O problema se hasURL for falso, o componente mostra o botão, mas o ng-content está vazio. Porque já foi lido no primeiro "a></a>

Existe uma maneira de resolver isso, por favor?

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

        <button class="bouton" *ngIf="!hasURL">
            <ng-content>
            </ng-content>    
        </button>

Obrigado!