передача входных данных в ng-content от родителя в Angular - PullRequest
Новая
       31

передача входных данных в ng-content от родителя в Angular

0 голосов
/ 07 мая 2020

У меня есть следующая структура в компоненте контейнера (подход ngrx) container-page.component.ts

<parent-comp><child-comp [someInput]="someValue"></child-comp></parent-comp>

И я в шаблоне parent-comp у меня 

<div>
    <!-- some content here -->
    <ng-content></ng-content> <!-- child-comp will go here -->
    <!-- some more content -->
</div>

Теперь передача данных из контейнера в child-comp работает нормально, но что, если я захочу передать некоторые данные из parent-comp в child-comp напрямую?

выполнение <ng-content [inputFromParent]="valueFromParent"></ng-content> не работает.

1 Ответ

1 голос
/ 08 мая 2020

<ng-content> не может иметь ввода, потому что это не компонент. И это не заполнитель для компонента. Это заполнитель для детей. Если бы <parent-comp> имел два дочерних компонента-брата, <ng-content> должен был бы отобразить их оба. Правильный способ передать информацию здесь - использовать родительский элемент <parent-comp> (контейнер). Выведите someInput из <parent-comp> и добавьте его как Input в <child-comp>

...