显示给定组件Angular中的不同内容

时间:2018-04-21 15:24:18

标签: angularjs components navbar display

提前感谢您的帮助。我是AngularJs的新手,我正在尝试建立一个单页网站。我的目标是在左侧有一个侧边栏(菜单),在右边有一个页面内容。每当我点击这个侧边栏中的给定按钮时,我希望在页面内容上看到相应的内容。

 +-------------------------------------------------+
 |                     Navbar                      |
 +------------+------------------------------------+
 |  Sidebar   |                                    |
 |            |                                    |
 |   Menu 1   |   Content                          |
 |   Menu 2   |     => Display 1 if menu1 clicked  |
 |   Menu 3   |     => Display 2 if menu2 clicked  |
 |            |     => Display 3 if menu3 clicked  |
 |            |                                    |
 |            |                                    |
 |            |                                    |
 +------------+------------------------------------+

我已经实现了几个组件,如导航栏,侧边栏,用户(实现权限等)和pagecontent(基本上是一个白色容器),但我无法弄清楚如何继续?我应该为侧边栏中的每个按钮创建一个组件吗?我可以选择在现有组件中显示哪个组件(此处为pagecontent)以及如何显示?

0 个答案:

没有答案