如何进行组件之间的通讯

时间:2018-11-13 15:12:32

标签: angular events

根据下面的图片,说我有两个@Component(s):

  • MenuComponent
  • TableComponent enter image description here

两个都是ContainerComponent个孩子。

MenuComponent触发事件(通过EventEmitter)以“说”我们希望所有表行都被选中。该事件是在ContainerComponent级捕获的。

TableComponent知道必须选择其表的所有行的更好的策略是什么?

我可以使用@ViewChild策略,但是我不喜欢直接访问组件。还有其他想法吗?

1 个答案:

答案 0 :(得分:1)

保持简单

<app-container>
  <app-menu #menu (selectAllRows)="table.selectAllRows($event)">

  </app-menu>
  <app-table #table>

  </app-table>
</app-container>