Angular2：輸出/輸入對抗事件/ ViewChild - 組件交互

Question

逗人， 關於Web組件進行交互的黃金法則是：

• 父引用直接孩子
• 兒童不引用父
• 父 - >兒童：通過方法調用
• 子 - >父：通過事件

這patte我們在許多項目中工作過（YUI，JQuery，...） Angular2怎麼樣？

我們應該使用：

• Parent calls a ViewChild
• Parent listens for child event

或輸入/輸出？

第一選擇看起來很漂亮。 @ angular2 @expert，你怎麼看？

THX所有， 加布裏埃爾

Answer 1

我認爲服務的方法是最好的，因爲我知道很多人覺得熟悉這個工作，是覺得你是在home.If您正在使用角材料主題的好辦法那麼您不能直接使用@input()@output(）和@viewchlid方法進行組件通信。

Answer 2

這取決於您的需要。只是要清楚Output和events是一樣的。所以流動也非常相似：

• 家長通過Input
• 兒童傳遞數據給孩子通過Output這EventEmitter

還有第三個選項，您還可以在通訊兩種方式傳遞數據給父從孩子到父母，從父母到孩子，甚至是其他一個組成部分。它正在使用服務注入，其中您的服務將具有Subject，注入此服務的組件可以訂閱或更新主題值。