从另一个同级组件Angular 2/4调用同级组件方法

时间:2017-10-16 17:43:53

标签: javascript jquery angular angular2-routing angular2-services

我有一个包含三个子组件的父组件:

  1. 导航 - 在页面之间导航。
  2. 页面 - 使用路径出口(员工,部门)加载页面。
  3. 保存组件 - 验证后保存该表单。
  4. 代码如下:

    <app-nav></app-nav>
    <router-outlet></router-outlet>
    <app-save></app-save>
    

    所以我想要一些Pages之间的通信方式(在调用路由时动态加载。它包含不同类型的表单)和Save。 所以一旦用户点击&#34;保存&#34;从保存组件,它应该转到加载组件(员工,部门)功能,检查表单是否有效,如果是,则保存表单。

    我在网上看了很多例子:

    1. here(当我的兄弟姐妹动态加载时,这不会起作用。)
    2. Communicate between sibling components Anguar 2
    3. 另外,我想过创建一个服务,但不知道如何从加载的组件中获取该函数。

      有什么建议吗?

0 个答案:

没有答案