Angular：在同一页面上具有多个视图的单个页面

Question

我是Angular 4的新手，并试图创建一个包含2个不同视图的单个页面。他们每个人都有一个component.ts，一个html和一个模型。 我不明白如何在两个视图之间共享变量。例如，第一个视图有一个带有按钮的搜索面板，当我单击此按钮时，我调用一个服务（不清楚在第一个或第二个组件上调用服务的位置）返回结果集。第二个视图必须仅在提供了一个结果。谢谢。