Angular 2将数据从组件B传递到组件B定义的模板

时间:2016-12-15 23:02:38

标签: templates angular data-binding

我有点尴尬地问这个问题,因为我担心答案是非常明显的,但对我来说这是虚幻的。

我有三个组件A,B& C.这些组件中的每一个都有一个模板。 组件A的模板包含自定义标记 ,当然组件B的模板包含自定义标记。

现在我有一大块需要从组件B流到C的数据,现在如果我从B输出@Output数据被绑定到组件A模板......或者某些东西。此剂量不能使C可用,因为不共享模板。

似乎我需要能够"输出"从组件B到B模板的数据,但这似乎是循环的。我已经使用@ViewChild查看了模板引用变量,但这似乎并不能使模板B上的数据可见。

显然有一些我错过的东西,任何想法?

1 个答案:

答案 0 :(得分:0)

回顾一下......我有三个组成部分A,B&amp; C.这些组件中的每一个都具有相关联的模板。组件A的模板包含自定义标记<Bx>,组件Bx的模板包含自定义标记<C>。需要将数据对象从A传递给C.此数据对象在组件A的“this”范围内定义为“this.data”,因此此数据传输的第一步是包含@Import() data: Obj在组件B中,然后在A的模板中添加<B [data]="data"></B>。这个@Import语句使得this.data可用于组件B,然后可以将其放在组件B的模板上<C [data]="data"></C>

非常感谢@Sasxa的指导,我对叙述方法表示道歉,但这是解释我的情况和解决方案的最明确方式。