角度 - 路由器仅在移动设备上.PC上的多模块视图

Angular - router only on mobile. Multi modules view on PC

本文关键字:PC 视图 模块 路由器 移动 角度      更新时间:2023-09-26

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

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

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

对于电脑:- 所有模块将显示在"/#"主路线上。所有数据计算都将针对所有这些进行对于移动- 页面上仅显示模块链接。- 每个模块将在单击和路由/#/模块1/:d ata后显示

$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

所以每个模块都有两件事:- 移动视图(在单独的页面上)- 电脑视图,在主页上

通过说模块,我不一定意味着ng模块。

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