在角度js中使用复杂UI进行ng-routing

时间:2014-06-30 11:35:15

标签: angularjs angular-routing

我们正在构建具有复杂UI的应用程序。 这是应用程序中页面的示例视图:

enter image description here

左侧菜单将包含右侧相应页面的链接列表。

我们正在使用ng-router来构建应用程序。

我们将整个页面作为一个ng-view,并将左侧菜单包含为单个html模板。 单击链接时,我们将使用ng-include替换右侧选项卡内容。

在每个右侧内容中,我们有子标签。单击子选项卡时,我们将替换子选项卡的内容。

在左侧菜单模板控制器中,我们几乎没有ajax调用。在右侧加载子选项卡的内容时,模板不会按角度重新加载,而是由角度缓存。但是ajax调用再次重新加载。

更改右侧内容中子标签的内容时,不应重新加载左侧菜单中的ajax调用。

有人可能遇到过这个问题。请建议我继续。

2 个答案:

答案 0 :(得分:1)

您一定要查看 angular-ui 小组的ui-router项目。

您会发现他们的路由以及嵌套视图,命名视图和参数的可能性对于像您这样的复杂设计非常有用。

https://github.com/angular-ui/ui-router

答案 1 :(得分:0)

ui-router的替代品:

没有潜入利弊。