Javascript 多视图/嵌套视图而不使用ui路由

我在一个angular项目中工作，他们在项目中使用了ng routes，现在我必须创建一个页面/视图，其中有3个下拉列表和3个选项卡，这些下拉列表对于3个选项卡是通用的， 每个标签都有一套复杂的图表和手风琴

正如您在所附的图片中所看到的，每次用户单击链接page1、page2、page3时，“显示部分”都应该更改，保持下拉列表不变，并且应该在显示区域内可用。请逐步向我建议任何想法，而不是ui路由，因为我的项目已经使用ng路由完成

注意：所有3个选项卡的视图/模板都不相同，第一个选项卡有一个带手风琴的highchart，第二个选项卡有一个嵌套的Div，其中包含一些进度条类型的数据，第三个选项卡的UI尚未确定，总的来说，视图将彼此不同

非常感谢

---

只需更改传递给显示区域内查看html的数据对象即可。问题太宽泛了，如果所有3个选项卡的视图/模板都相同，但视图彼此不同，那么这会起作用。第一个选项卡有一个带手风琴的highchart，第二个选项卡有一个嵌套的Div，其中包含一些进度条类型的数据，第三个选项卡的UI尚未确定，总体上视图将彼此不同