В конструкторе директивы вы можете сделать что-то подобное.
я есть несколько пользовательских директив, которые в основном предназначены для<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>
.