Comment utiliser plusieurs ng-contenu dans le même composant dans Angular 2?

Question

Je voudrais afficher les différents modèle dans mon composant. Un seul spectacle. Si hasURL est true,, je veux montrer l' <a></a>. Si hasURL est false,, je veux montrer l' <button></button>.

Le problème si hasURL est faux, le composant bouton afficher, mais le ng-le contenu est vide. Parce que c'est déjà lire dans le premier "a></a>

Est-il un moyen de le résoudre s'il vous plaît?

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

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

Merci!

Answer 1

Vous pouvez envelopper `` et utiliser

Exemple Plunker

Voir aussi

• Comment envelopper conditionnellement une div autour de ng-content