如何在angularjs中实现导航栏

     2023-02-22     154

关键词:

【中文标题】如何在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 定义时,你开始意识到你需要更多的东西。

【讨论】:

谢谢,这就是我要找的例子。我会仔细看看!

如何在我的 iOS 应用程序中实现该功能?

】如何在我的iOS应用程序中实现该功能?【英文标题】:HowcanIimplementthefeatureinmyiOSapp?【发布时间】:2018-05-2813:46:00【问题描述】:第一张图片:此视图包含2个带表格视图的导航栏。在第二个导航栏中,有一个按钮。第二张和第... 查看详情

在 Swift 3.0 中实现滑动以在没有导航栏的情况下向后导航

】在Swift3.0中实现滑动以在没有导航栏的情况下向后导航【英文标题】:ImplementswipetonavigatebackwithnonavigationbarinSwift3.0【发布时间】:2017-10-2522:53:29【问题描述】:这是我的视图控制器:我没有导航栏,但有一个后退按钮,可将用... 查看详情

如何在 AngularJS 中实现 websockets?

】如何在AngularJS中实现websockets?【英文标题】:HowtoimplementwebsocketsinAngularJS?【发布时间】:2016-03-1809:53:42【问题描述】:我想创建一个AngularJS站点,该站点通过来自服务器的websockets更新其信息。服务器将每秒发出一个新的信息... 查看详情

在 Google Web Toolkit (GWT) 中实现页眉、页脚和菜单栏

...9-1718:25:23【问题描述】:我刚开始学习GoogleWebToolkit(GWT)。如何在我的GWT应用程序中实现页眉、左侧导航栏和页脚?如何将页眉和页脚放在一个页面中并在所有其他页面中重复使用?请帮助我如何实 查看详情

Bootstrap:在标题(导航栏)中实现类似 facebook 的通知作为子菜单,而不仅仅是计数器

】Bootstrap:在标题(导航栏)中实现类似facebook的通知作为子菜单,而不仅仅是计数器【英文标题】:Bootstrap:Implementfacebook-likenotificationsinheader(navbar)assubmenu,notjustacounter【发布时间】:2013-11-1505:42:01【问题描述】:我可能只是智... 查看详情

如何在 Web 表单中实现 AngularJS 控制器?

】如何在Web表单中实现AngularJS控制器?【英文标题】:HowtoimplementanAngularJScontrollerinawebform?【发布时间】:2013-09-2604:29:07【问题描述】:我有一个AngularJS控制器,我想在我的MVC网络表单视图页面中使用它。我创建了一个简单的代... 查看详情

如何在AngularJS中实现带有输入字段的模板组件

】如何在AngularJS中实现带有输入字段的模板组件【英文标题】:HowtorealizetemplatecomponentwithinputfieldinAngularJS【发布时间】:2020-01-2920:28:14【问题描述】:我们在项目中使用AngularJS1.6和bootstrap4.3.1来构建UI。现在我想构建一个简单的... 查看详情

如何在batmanjs中实现导航菜单

】如何在batmanjs中实现导航菜单【英文标题】:Howtoimplementnavigationmenuinbatmanjs【发布时间】:2012-12-0316:09:05【问题描述】:我正在尝试构建一个导航菜单,根据当前控制器操作突出显示当前导航项;但我找不到任何东西告诉我该... 查看详情

如何在 angularjs 应用程序中实现安全(!)身份验证系统?

】如何在angularjs应用程序中实现安全(!)身份验证系统?【英文标题】:HowtoachieveaSafe(!)authenticationsysteminanangularjsapp?【发布时间】:2013-01-2507:52:29【问题描述】:我是angularjs新手...我阅读了文档,并完成了教程;我自己也尝试... 查看详情

如何在 AngularJS 中实现组件组合(类似于 React 渲染道具模式)?

】如何在AngularJS中实现组件组合(类似于React渲染道具模式)?【英文标题】:HowcanIachievecomponentcompositioninAngularJS(similartoReactrenderpropspattern)?【发布时间】:2019-05-2608:18:24【问题描述】:我正在尝试在AngularJS中创建一个网格组件... 查看详情

如何在 TableViewController 中实现后退导航按钮?

】如何在TableViewController中实现后退导航按钮?【英文标题】:HowtoimplementbacknavigationbuttoninTableViewController?【发布时间】:2016-02-2901:13:29【问题描述】:我,正在为这样的问题而苦苦挣扎-我无法将后退按钮添加到最后一个tableViewco... 查看详情

如何在 UIPageviewcontroller 中实现静态菜单栏?

】如何在UIPageviewcontroller中实现静态菜单栏?【英文标题】:HowtoimplementastaticmenubarinanUIPageviewcontroller?【发布时间】:2016-06-3016:13:27【问题描述】:我试图在我的uipageviewcontroller中构建一个静态菜单栏,就像youtube一样。有谁知道... 查看详情

如何在 MVC 的文件夹中实现没有 NuGet 的 angularJS

】如何在MVC的文件夹中实现没有NuGet的angularJS【英文标题】:HowcanIimplementangularJSwithoutNuGetinafolderinMVC【发布时间】:2021-10-0305:33:41【问题描述】:我有一个名为angularJS的新文件夹,如果不使用NuGet包,我不知道如何实现它。【问... 查看详情

如何在 iphone sdk 中实现面包屑导航? [关闭]

】如何在iphonesdk中实现面包屑导航?[关闭]【英文标题】:HowtoimplementBreadcrumbNavigationiniphonesdk?[closed]【发布时间】:2012-05-1006:35:03【问题描述】:我想在我的iOS应用程序中实现面包屑导航。这怎么可能?提前致谢。【问题讨论】... 查看详情

在导航中实现垂直对齐徽标[重复]

】在导航中实现垂直对齐徽标[重复]【英文标题】:Materializeverticalaligninglogoinnav[duplicate]【发布时间】:2021-05-3015:34:19【问题描述】:我有一个关于在导航栏中垂直对齐徽标的问题,我给出了90像素的高度,但是我无法在中间垂直... 查看详情

如何在 iOS 中实现错误栏?

】如何在iOS中实现错误栏?【英文标题】:HowtoimplementErrorbariniOS?【发布时间】:2014-06-0814:27:30【问题描述】:我是iOS编程和学习课程的新手。其中一个作业是关于实现一个错误栏,它会在没有网络时显示。它还说不要使用UIAlertV... 查看详情

如何使用php json数组在带有angularjs的cordova中实现推送通知

】如何使用phpjson数组在带有angularjs的cordova中实现推送通知【英文标题】:Howtoimplementpushnotificationincordovawithangularjsusingphpjsonarray【发布时间】:2016-05-2304:17:18【问题描述】:我有一个项目,我需要在服务器端使用PHP为CordovaAngularJS... 查看详情

如何使导航栏在特定视图上半透明?

】如何使导航栏在特定视图上半透明?【英文标题】:HowtomakeNavigationBartranslucentonspecificview?【发布时间】:2015-08-0420:01:14【问题描述】:我有一个包含三个视图的向下钻取层次结构,它们都嵌入在导航控制器中。我希望最后一个... 查看详情