angularjs:选项卡式视图设计问题

时间:2013-04-26 19:20:48

标签: angularjs angularjs-routing

[编辑]

Complex nesting of partials and templates

类似的问题

截至目前,使用Angular-UI状态解决方案是否更好?还是应该坚持使用ng-includes?


到目前为止,我的AngularJS应用程序中每个URL都有一个视图。我需要构建一个新的视图,它应该有3个选项卡,我在试图弄清楚我将如何设计视图时遇到麻烦 - 建筑方面就是这样。

请注意,这3个标签后面的商业模式对象是相同的。

第一个选项卡用于查看和编辑业务对象上的数据。因此,第一个标签中已有两个“视图”。

第二个选项卡用于查看显示业务对象子集合中数据的分页表。

第三个标签与第二个标签相同,但是用于另一个子集合。

显然,我不想一次加载整个业务对象。我只会在用户导航到第二个或第三个标签时加载集合。

我现在主要关注的是如何组织观点? AngularJS每页只有1个视图的限制。

另外,我需要处理浏览器历史记录,因此在选择选项卡时URL必须更改,但我必须重新加载任何数据(即我不能重新加载控制器)。

任何提示都会非常感激。

1 个答案:

答案 0 :(得分:2)

为了记录,我最终使用了ui-router及其状态管理,这非常棒。我花了一些时间来理解这些概念并将其付诸实践,但我设法毫不费力地构建了一套非常复杂的布局!