角度ui加载器可以处理具有多个视图的复杂情况吗?

时间:2016-02-27 17:59:57

标签: angularjs angular-ui-router

我有一个包含多列的应用程序(最少约3列),每列都是左侧列中项目的更详细视图。这种类型的布局类似于Asana的。

让我们从我目前拥有的页面中的一个示例:

  1. 第1列列出所有当前用户,点击1用户将在第2列打开该用户的所有销售订单列表。
  2. 第2列显示第1列中1个所选用户的所有订单的列表。点击1个订单将显示该订单的详细信息
  3. 第3列显示在第2列上选择的订单的所有详细信息。点击该订单中的货件详细信息将显示货件的详细信息
  4. 第4栏显示第3栏选择的货件的所有详细信息
  5. 所以就这样了。现在还有另一个转折点: 第2,3,4栏以表格形式显示这些细节,这意味着可以对其进行编辑和提交。提交后,重新加载该编辑列左侧的所有列以刷新信息是有意义的。但是,出于性能目的,我想在一个请求中重新加载它们并将它们发送回一个json数组中更新每个具有新返回的视图代码的列(假设后端代码足够智能以处理所有这些)

    我相信以前有人必须遇到过这个问题,你有什么解决办法来解决这个问题?

1 个答案:

答案 0 :(得分:1)

因为您正在加载不同的数据集。它不好一次加载它们。您可以使用ng-include,并且可以根据点击次数触发ng-include的内容。

ng-inclue="<<scope variable>>"

对于前。在你的控制器中,  根据用户操作确定salesurl的价值

<div class="slide-animate" ng-include="salesurl"></div>

范围变量可以是一个URL,它根据用户操作后发布的参数呈现结果集。

希望得到这个帮助。