javascript - 单独的导航栏 Ctrl 用于单页应用程序

Question

我正在使用 AngularJS 构建一个单页应用程序。现在我只使用一个 Controller ，它是一个很长的文件(当然有几个工厂，但 Ctrl 仍然是满的)。因此，由于我可以将页面分为导航栏和正文，所以我想到了为导航栏设置一个单独的 Ctrl。 (事情就在这里，导航栏包括一个大的选项下拉菜单和其他一些东西，所以不仅仅是标题和链接)但是我真的不知道该怎么做。现在我的 main.html 文件如下所示:

<div ng-include="'views/templates/navbar.html'" id="navbarContainer"></div>

<div id="map-container" class="container-fluid">
  <leaflet id="map" lf-center="hamburg" markers-nested="true" layers="layers" defaults="defaults" markers="markers" class="map"></leaflet>
</div>

如您所见，我的导航栏是主 html 文件中的一个模板。此外，导航栏和主 html 应该具有相同的路线。所以现在，我绝对不知道如何使用第二个 Ctrl。我不使用 ng-template 还是可以只给 ng-template 一个单独的 Ctrl 而不是下面的部分？

Answer 1

navbar.html 文件可以包含自己的 Controller 。

Navbar.html

<div ng-controller="NavbarCtrl">
  <!-- your code -->
</div>

参见 Controller: Scope Inheritance Example在 AngularJS 文档中获取更多信息。