я есть несколько пользовательских директив, которые в основном предназначены для<input>, И у меня есть пользовательский компонент<app-decorated-input>

Есть тонна<app-decorated-input>с простой<input>s в моем приложении, для некоторых из которых я люблю использовать директивы, а для других - нет. Как мне передать директивы основному<input> когда директива используется так:

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

и имеют такое же влияние директив на основную<input> как если бы он был использован непосредственно на нем:

 <input type="text" directive1 directive2 >

ОБНОВИТЬ:

Что лежит внутри<app-decorated-input> не имеет большого значения, за исключением того факта, что он содержит<input> как я уже упоминал. Его шаблон выглядит примерно так:

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

Все, что я хочу сделать, это передать все директивы, указанные на<app-decorated-input> к основному<input>.