索引页面与Angular中的内部页面不同

时间:2015-01-23 22:58:38

标签: javascript angularjs

我正在学习Angular.js并且我遇到了问题。我想要做的是让/ path渲染一个页面,然后是"内部"要使用视图的页面。我的首页与内部页面截然不同,因此在索引中使用ng-view会使视图具有重叠的代码。例如,首页上的菜单与内部页面不同,因此为了在索引中使用ng-view,菜单需要在视图中使得维护代码更加困难。我错过了什么吗?看起来我应该能够指定使用带索引的模板的路由还是自包含的。

2 个答案:

答案 0 :(得分:2)

使用ui-router而不是ngRoute查看嵌套视图。听起来你正在使用我能看到的有角度的罐装ng-route。但是使用ui-router完全可以实现嵌套视图。如果您深入了解并且想继续使用ngRouter(或您正在使用的路由器),我建议您只创建一个链接到该页面的按钮。例如,在下面的代码中:"场地"是我想要链接到的页面。这是按钮,

<div class="nav-buttons"><a href="#/venues">Venues</button></a></div>

然后将场地设置为我申请中的路线。通过这种方式,您可以创建模块化控制器,以便您的代码仍然易于维护。

您拥有的另一个选项是为您想要的特定视图编写指令,然后只需在需要的地方插入它们。我会经常使用导航键按钮。

答案 1 :(得分:0)

index.html视为包含每个模板的图片框架。您可以在index.html中定义框架的顶部和底部边框(每个页面的页眉和页脚)以及应用程序每个页面的ng-view内的图片(页面内容)。