Tengo algunas directivas personalizadas que están diseñadas básicamente para<input>. Y tengo un componente personalizado<app-decorated-input>

Hay una tonelada<app-decorated-input>s junto con simple<input>s en mi solicitud para algunos de los cuales me gusta usar las directivas y para otros no. ¿Cómo paso las directivas al subyacente?<input> cuando la directiva se usa así:

<app-decorated-input directive1 directive2 ></app-decorated-input>

y tienen el mismo efecto de las directivas sobre el subyacente<input> como si se usara directamente sobre él:

 <input type="text" directive1 directive2 >

ACTUALIZAR:

Lo que hay dentro<app-decorated-input> no es muy relevante, excepto el hecho de que contiene un<input> como ya he mencionado. Su plantilla tiene un aspecto similar a:

<div> Some decorations here </div>
<div> 
  <input type="text" {...directives}> <!-- In ReactJS this is done by using {...this.props} -->
</div>
<div> Some decorations here too! </div>

Todo lo que quiero hacer es transferir todas las directivas especificadas en el<app-decorated-input> al subyacente<input>.