Angular 2 : output/input versus event/ViewChild - Component interactions

Question

亲爱的，关于 Web 组件交互的黄金法则是:

• parent 直接引用 child
• child 不引用 parent
• 父级 -> 子级:通过方法调用
• child -> parent :通过事件

这种模式在很多项目中都对我们有用(YUI、JQuery、...)Angular2 呢？

我们应该使用:

• Parent calls a ViewChild
• Parent listens for child event

或输入/输出？

第一选择看起来很漂亮。@angular2 @expert，你怎么看？

谢谢大家，加布里埃尔

Answer 1

这取决于您的需要。需要明确的是，Output 和 events 是相同的。所以流程非常相似:

• parent 通过Input将数据传递给 child
• 子级通过 Output 将数据传递给父级，其中 EventEmitter

还有第三种选择，您可以在其中从子组件到父组件以及从父组件到子组件甚至一个组件到另一个组件进行通信。它使用服务注入(inject)，您的服务将有一个 Subject 并且注入(inject)此服务的组件可以订阅或更新主题值。