angular - 有没有办法在 Angular2 依赖注入(inject)中使用模板中的值？

Question

我有一个使用 2 个子组件的 Angular2 组件。模板看起来像

<component-A/>
<component-B/>

我想将组件 A 实例注入(inject)到组件 B 的构造函数中。有没有办法在我的根组件上引用提供程序中的组件 A？

Answer 1

这首先打破了制作两个组件的全部目的。由于您使一个依赖于另一个，因此您不能单独重用它们，不妨将它们合二为一。

创建一个包含内部组件和它们都需要的信息的父组件，并将该信息设置为每个子组件作为 @Inputs:

https://angular.io/docs/ts/latest/api/core/Input-var.html

一些原始的例子:

<component-A (modeSelected)="selectedMode==$event"/>
<component-B [mode]="selectedMode" />

或:

<component-A #modeSelector/>
<component-B [mode]="modeSelector.selectedMode" />

()表示输出，[]表示输入

在第一个示例中，selectedMode 是父 Controller 的一个属性，其中包含 A 和 B 组件。在第二个示例中，selectedMode 是组件 A 的属性。