угловая передача ввода дочерним компонентам в ng-контенте

Question

Я хочу передать некоторые свойства из родительского компонента в дочерний компонент, используя проекцию контента, это возможно?

Например, это мой шаблон:

<my-form [display]="'horiz'">
  Email: <my-input [type]="'email'" ...></my-input>
  Name: <my-input [type]="'name'" [display]="'vert'" ...></my-input>
  ...
</my-form>

Теперь *Компонент 1006 * имеет следующий шаблон:

<form ...>
  <ng-content></ng-content>
</form>

Я хочу, чтобы свойство display my-form могло быть доступно компонентам my-input, так что оно может быть переопределеноmy-input компонент, как и для ввода имени.

Возможно ли это?

Answer 1

Можно использовать @ContentChildren, сделал пример на stackblitz:

https://stackblitz.com/edit/angular-content-children-example

Я изменил значения в ngAfterViewInit, используя ссылки на компоненты из ContentChildren.

Надеюсь, это поможет.Не стесняйтесь обновлять код, если есть лучший подход.