AngularJs中的单页上的两个视图

Question

我正在AngularJs中为移动设备和平板电脑设备创建一个应用程序。 我已经使用ng-view在$ routeProvider的templateUrl的帮助下基于url呈现不同的html部分页面。

在手机的情况下工作正常。 但是在平板电脑要求不同的情况下，我必须在一个平板电脑页面中显示两个部分html页面（移动设备）（因为屏幕宽度与移动设备相比较大）但我不知道如何做到这一点。

任何人都可以为完成这项任务提供一些帮助。

谢谢。

Answer 1

ngRoute只允许一个视图。您可以尝试ui.router，它允许嵌套视图，多个视图等。 或者使用ng-include作为第二个视图动态地包含不同的模板。您可以创建一个执行此操作的指令，或者仅使用$ rootScope上的变量作为第二个模板。

<div ng-include="secondTemplateName"></div>

当你必须改变第二个视图时：

$rootScope.secondTemplateName = "...";

使用ui.router可能是最干净的解决方案。

Answer 2

也许this就是你想要的。

这是一个有效的例子。