在Angular 4中的所有组件中重新使用HTML元素

在Angular 4中的所有组件中重新使用HTML元素,angular,Angular,我有3个视图(组件)仪表板,第二级,第三级。我在页面中也有页眉和页脚视图(组件) 最初,“仪表板”视图将有一个图标。单击该按钮时,将显示“secondlevel”视图 “secondlevel”视图将有一个图标。单击该按钮时,将显示“第三级”视图。在路由器的帮助下,我完美地达到了要求 现在我的要求是在“secondlevel”和“thirdlevel”视图中有一个“Previous”按钮,以返回到以前的视图。单击“thirdlevel”视图上的“previous”按钮时,将显示“secondle

我有3个视图(组件)仪表板,第二级,第三级。我在页面中也有页眉和页脚视图(组件)

最初,“仪表板”视图将有一个图标。单击该按钮时,将显示“secondlevel”视图

“secondlevel”视图将有一个图标。单击该按钮时,将显示“第三级”视图。在路由器的帮助下,我完美地达到了要求

现在我的要求是在“secondlevel”和“thirdlevel”视图中有一个“Previous”按钮,以返回到以前的视图。单击“thirdlevel”视图上的“previous”按钮时,将显示“secondlevel”视图。同样,当我们单击“secondlevel”中的“previous”按钮时,将显示“dashboard”视图

我可以通过在这些组件的html中包含元素来实现这一点。但我不希望在所有组件中都有“previous”按钮(“secondlevel”和“thirdlevel”html)。我也不想在页眉或页脚处有“上一页”按钮

我希望只在一个组件中保留元素,并在其他组件中重用相同的元素


我们是否有在一个组件中创建元素并在另一个组件中重用相同元素的概念。?请指导我实现此目标的最佳方法。

请让我知道,如果可以,否则我将进一步解释。基本上,您只想创建一个组件/模板并在其他组件中重用它?这就是所谓的模板,我相信如果你能举个例子的话,它会很棒。