如何在angularjs中实现导航栏

Posted 2023-02-22

【中文标题】如何在angularjs中实现导航栏

【英文标题】：How to implement a navigation bar in angularjs

【发布时间】：2013-08-25 20:23:36

【问题描述】：

从 angularjs 作为新手开始，我创建了一个导航栏。它有几个子菜单。但我不完全确定使用 angularjs 处理它的最佳做法是什么。我想跟踪当前选定的菜单项以使其“活动”并根据选择更改呈现的模板。

我正在寻找一些可以在生产环境中使用的示例或示例代码。

很抱歉这个非常笼统的问题，但我希望有人可以帮助我。

【问题讨论】：

使用$location服务改变当前路线，知道当前显示的是哪条路线。

见***.com/questions/16199418/…

【参考方案1】：

看看angular-ui/ui-router。它将命名视图和状态添加到您的应用程序。您可以在主模板中定义“区域”，根据您的应用所处的“状态”，显示某个模板+控制器。

编辑：是的，$location 对于一个简单的应用程序来说已经足够了，但是当你的单屏控制器变成 100 行 $scope.$watch 定义时，你开始意识到你需要更多的东西。

【讨论】：

谢谢，这就是我要找的例子。我会仔细看看！