Estoy tratando de crear un componente de botón reutilizable Angular. En este momento, se usa así:

 <fun-button [disabled]="true"> [label]="'button label'" > </fun-button>

La plantilla para fun-button ve así:

 <button> {{this.label}} </button>

Hasta aquí todo bien. Todo funciona.

Ahora me gustaría modificar fun-button para que se use más como un botón HTML:

 <fun-button> child button label </fun-button>

¿Cómo puedo acceder a los elementos secundarios del DOM fun-button , que en este caso es la cadena 'etiqueta del botón secundario'?

¿Es tal cosa incluso posible? He visto un montón de respuestas que implican etiquetar los elementos secundarios, pero en mi caso quiero aceptar cualquier elemento secundario arbitrario.

¡Gracias!

EDITAR, CON RESPUESTA:

Resultó ser increíblemente fácil, gracias MikeOne. Acabo de hacer que la plantilla se vea así:

 <button> <ng-content></ng-content> </button>

Y luego usa así:

 <fun-button> child button label </fun-button>