Angular - 仅限移动设备上的路由器。 PC上的多模块视图

时间:2015-01-30 08:49:24

标签: javascript angularjs mobile url-routing

我想用手指上的模块创建单页应用程序,当你点击它们展开时。但这需要与移动设备不同。 所以在移动设备上,当你点击手风琴而不是折叠时,它应该转到相同的内容,但是在新的页面(URL路由)中。

1 个答案:

答案 0 :(得分:0)

嗯,我宁愿弄清楚,如何控制那些。我知道如何设置手风琴,这不是重点。

假设我有4个模块。模块1,2,3,4。

对于PC: - 所有模块将显示在“/#”主路径上。所有数据计算都将进行 对于移动 - 页面上仅显示模块链接。 - 点击并路由/#/ module1 /:data

后,将显示每个模块
$routeProvider.when('/', {

 controller : main controller, which load all other modules, and shows them on page
// but on mobile, show only links to it

}
when('/module1', {
  // only if mobile
  // load certain module only

所以每个模块都有两件事: - 移动视图(在分隔页面上) - 主页上的pc视图

通过说模块我不一定是指模块。

我只是不确定是否正确处理。 我在思考路由器的一些规则而不是控制器和解析,或者可能是关于使用$ states。