Javascript 如何管理具有多个视图(或部分)的单页Chrome应用程序

Javascript 如何管理具有多个视图(或部分)的单页Chrome应用程序,javascript,html,angularjs,google-chrome-app,singlepage,Javascript,Html,Angularjs,Google Chrome App,Singlepage,我开始开发一个Chrome应用程序来测试它。 这类应用程序(最后的桌面应用程序)的开发必须考虑到单页的概念 但我的应用程序由三个页面或“部分”组成:一个用来控制网络摄像头,另一个用来观看流媒体,最后一个用来控制视频会议 我一直在Chrome平台开发中心阅读和编写一些代码,只找到一个.html页面的基本教程 所以,我的问题是:在Chrome应用程序中加载不同的.html页面(因为我需要显示不同的UI部分)的最佳方式是什么?我见过Google使用AngularJS实现MVC模式,但我不知道在这种情况

我开始开发一个Chrome应用程序来测试它。 这类应用程序(最后的桌面应用程序)的开发必须考虑到单页的概念

但我的应用程序由三个页面或“部分”组成:一个用来控制网络摄像头,另一个用来观看流媒体,最后一个用来控制视频会议

我一直在Chrome平台开发中心阅读和编写一些代码,只找到一个.html页面的基本教程

所以,我的问题是:在Chrome应用程序中加载不同的.html页面(因为我需要显示不同的UI部分)的最佳方式是什么?我见过Google使用AngularJS实现MVC模式,但我不知道在这种情况下如何从一个视图切换到另一个视图(将视图视为.html页面)(因为我从未使用过AngularJS)


谢谢

您需要多个HTML页面的具体原因是什么?这样做非常简单:

<html>
  <body>
    <div id="tab_1">Section One</div>
    <div id="tab_2">Section Two</div>
    <div id="tab_3">Section Three</div>
  </body>
</html>

第一节
第二节
第三节

然后根据要显示的应用程序部分显示/隐藏每个div。像Bootstrap这样的CSS框架设计用于这种方法,将div集变成一个带有左导航的窗格,或一个带有标签条的内容区域,所有这些都符合典型应用程序UI的需要。

您需要查看Angular的应用程序路由,
ngRoute
->->或AngularUI的
ui路由器
->@m.e.conroy如果你愿意用一个示例代码片段来补充它,它应该是一个答案,而不是评论。@Xan我半小时前没有时间这么做,现在也没有,但当我这样做时,我会重新访问并发布一个示例。我只是想,对于那些以前没有使用过Angular的人,我会给他们指出一个方向,让他们找到他们想要的解决方案。我现在的处境与OP类似。我想要AngularJS视图和路由的原因是更好地管理我的代码(您的示例中的每个选项卡都可以有很多内容),如果它在常规浏览器中以几乎相同的方式工作,那就太好了。。。