angular - 在Angular中将输入数据从父级传递给ng-content

Question

我在容器组件中有以下结构（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>是行不通的。

Answer 1

<ng-content>不能有输入，因为它不是一个组件。它也不是组件的占位符。它是儿童的占位符。如果<parent-comp>有两个兄弟子组件，<ng-content>则必须渲染它们。在这里传递信息的正确方法是使用<parent-comp>' 父级（容器）。输出 someInput<parent-comp>并将其作为输入添加到 to<child-comp>