javascript - AngularJS：全局菜单提供程序、服务或 rootScope 的正确位置？

Question

我是 AngularJS 的新手，而且 - 因为它非常复杂而且方法对我来说是新的，所以我有点困惑。

我来自“经典”背景（服务器端模板语言 [如 Yii、django、Smarty] + 一些 jQuery 使事情变得有点动态）。

假设我有一个菜单栏（Bootstrap NavBar 或其他任何东西） - 一个位于主页内容之外的元素，如下所示：

<body>
  <div id="menubar">
    ... <!-- menu content -->
  </div>
  <div class="container">
    <div ng-view></div>
  </div>
</body>

现在我想让菜单有点动态，即在控制器内部添加或删除一些菜单项。使用服务器端框架及其模板系统，例如 Yii - 我只需有一个BaseController带变量的类，$menuItems并每次在.menuBarBaseController

另外，我需要一个处理searchForm位于内部菜单栏的函数。它应该住在哪里？

像这样的事情的Angular方式是什么？到目前为止，我一直在考虑创建自定义service或扩展$rootScope.

score 9 · Accepted Answer

更新：我鼓励你看看John Papa 的 ng-demoes和style-guide作为采用 angular.js 的第二步。

查看 angular.js 团队最近发布的示例，以展示完整的应用程序。

注意 Angular 为您提供的以下功能

我相信结合服务和指令以按照您描述的方式呈现菜单将是一种很好的方法。

1 回答 1