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

Question

我正在学习 Angular.js，但遇到了问题。我想要做的是让/路径呈现页面，然后“内部”页面使用 View 。我的首页与内部页面截然不同，因此在索引中包含 ng-view 会使 View 具有重叠的代码。例如，首页上的菜单与内部页面不同，因此为了在索引中使用 ng-view，菜单需要位于 View 中，这使得维护代码更加困难。我错过了什么吗？似乎我应该能够指定使用带有索引的模板的路由还是自包含的。

Answer 1

使用 ui-router 而不是 ngRoute 查看嵌套 View 。从我所看到的情况来看，听起来您正在使用带 Angular jar 装 ng-route。但是使用 ui-router 嵌套 View 是完全可行的。如果您深入了解它并且想继续使用 ngRouter(或您正在使用的您选择的路由器)，我建议您只创建一个链接到该页面的按钮。例如，在下面的代码中:“venues”是我要链接到的页面。这是按钮，

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

然后 venues 在我的应用程序中被设置为一条路线。通过这种方式，您可以创建模块化 Controller ，这样您的代码仍然易于维护。

您的另一个选择是为您想要的特定 View 编写指令，然后随意将它们插入需要的地方。我会经常使用导航栏按钮来做到这一点。