angular2-如何在两个单独的组件之间进行通信？

Question

我正在从事这个angular2项目。我有2个组件，即WorkspacesComponent & PagesComponent 。

在数据库中，每个工作区都包含页数。我写了下面的代码来填充workspacesComponent中的工作区列表和PagesComponent中的页面列表。

从数据库获取工作区

 this.workspaceService.getAllWorkspaces(this.baseUrl)
        .subscribe((workspaces) => 
            this.workspaces = workspaces;
            console.log(this.workspaces);
        
        );

从数据库获取页面

this.pagesService.getAllpages(this.baseUrl)
        .subscribe((pages) => 
            this.pages = pages;
            console.log(this.pages);
        
        );

到目前为止，他们向我返回了正确的数据。但是我要实现的功能是，我将在workspaceComponent中选择工作workspaceComponent ，并且该工作区中的所有页面仅应在pagesComponent列出。

也就是说，单击工作区时，其索引可以传递给以下方法。

getPagesByWorkspaceId(index:string)
    console.log(index);

并且此方法将相应地加载该工作空间中的页面列表。问题是我不确定如何从WorkspacesComponent调用PagesComponent的方法

有输入吗？

Answer 1

另一答案