如何根据url动态改变导航栏的名称和图标？角度2
根据URL动态改变导航栏的名称和图标可以通过前端开发技术实现。以下是一个可能的解决方案：
- 首先，需要在前端代码中获取当前页面的URL。可以使用JavaScript中的
window.location.href属性来获取当前页面的URL。 - 接下来，根据URL的不同，动态改变导航栏的名称和图标。可以通过以下步骤实现：
- 定义一个包含URL和对应导航栏名称和图标的映射关系的数据结构，例如一个JavaScript对象或数组。每个URL都对应一个导航栏名称和图标。
- 在页面加载时，获取当前URL，并遍历映射关系数据结构，找到与当前URL匹配的导航栏名称和图标。
- 使用JavaScript或相关前端框架的DOM操作方法，将获取到的导航栏名称和图标动态地更新到导航栏的相应元素中。
- 在实际应用中，可以根据具体需求进行定制化开发。以下是一些可能的应用场景和推荐的腾讯云相关产品：
- 如果需要在导航栏中显示不同的应用模块，可以使用腾讯云的Serverless产品（https://cloud.tencent.com/product/scf）来实现无服务器函数计算，根据URL的不同触发不同的函数来动态改变导航栏。
- 如果需要在导航栏中显示不同的用户角色或权限，可以使用腾讯云的身份认证产品（https://cloud.tencent.com/product/cam）来管理用户身份和权限，根据用户的角色或权限动态改变导航栏。
- 如果需要在导航栏中显示不同的数据状态，可以使用腾讯云的数据库产品（https://cloud.tencent.com/product/cdb）来存储和管理数据，根据数据状态的变化动态改变导航栏。
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
0回答
如何根据url动态改变导航栏的名称和图标？角度2
angular2-routing、angular2-directives
我需要根据页面URL动态更改导航栏名称和图标。下面是我的代码：<div class
浏览 1提问于2017-06-06得票数 0
2回答
Android:导航抽屉布局动态更改图标
java、android、android-fragments、view、navigation-drawer
有办法动态地改变导航抽屉的汉堡包菜单图标的图像吗?我的用例是，我的导航菜单中的每一个片段都会根据正在查看的内容对操作栏进行着色，所以有时我需要白色图标或黑色图标。
似乎没有办法，不是吗？是否可能有我可以使用的工作，比如不断地重新加载用于切换导航抽屉的ActionBarDrawerTo
浏览 2提问于2014-09-17得票数 2
回答已采纳
1回答
角度嵌套视图？
javascript、angularjs、twitter-bootstrap-3
我正在建立一个使用bootstrap和角度的网站。我有顶部的导航栏(目前用作flask的索引html )，还有一个内容div，其中我有ng-view。content div由angular $routeProvider启动的控制器填充。在导航栏中，我有一个用户图标和一个“注销”按钮，当其中一个控制器调用API并且用户登录后，这个按钮应该会改变。如果没有后端的重定向
浏览 1提问于2015-09-12得票数 1
2回答
我有图标与1x,2x,3x图像与导航
ios、swift、xcode、uinavigationbar、swift4
我有多个图像，我添加到条形项图像，但当我添加它显示非常大，我不知道，我不知道，我有服装后退按钮，但当我添加它时，它显示远离左上角，我使用此代码添加自定义返回，但我添加从故事板的酒吧项目，如果有人可以帮助
浏览 0提问于2019-02-05得票数 0
3回答
iOS 10 -视图控制器/导航栏标题隐藏
ios、objective-c、navigationbar、pushviewcontroller、titlebar
例如，我的导航栏的所有标题都不再显示。
更确切地说，当我使用菜单导航我的应用程序时，每次我切换到不同的视图时，都没有标题，但是当我按后退按钮时，我可以在切换到另一个视图之前简短地看到它。我不明白这种新的行为，我没有改变代码中的任何东西，当我在iOS 9或更低版本上启动应用程序时，一切都正常工作。MyViewController* destinationVC = segue.destinationViewControl
浏览 2提问于2016-10-03得票数 1
回答已采纳
1回答
Xamarain MVVMCross FragmentInfo标题
xamarin、mvvmcross
我想动态地改变FragmentInfo标题，也想在工具栏中添加图标，有人可以指导我正确的路径
浏览 0提问于2016-02-15得票数 0
2回答
UIImage显示的是空正方形而不是图像
ios、objective-c、uiimage
我试图在我的导航面板上显示一个png图像。我的工作如下：UIBarButtonItem *myButton = [[UIBarButtonItem alloc这个方块的大小和我的image大小是一样的，但是图像没有显示，只是一个白色的方块。我有我的视网膜图像的@2x版本，我选择了我的项目
浏览 4提问于2015-05-09得票数 1
回答已采纳
1回答
在角6项目中实现多个垫图标相同的svg图标出现在多个地方。
angular、svg、angular-material
我正在使用图标的json数组的代码格式动态地在app.component.ts文件中添加svg图标，以便循环使用
浏览 0提问于2018-08-10得票数 3
1回答
延迟加载后子节点的角定义父路由
angular、typescript、angular8
在延迟加载之后，如何从子组件定义父路由？verify', component: VerifyComponent, canActivate: [AuthGuard] }显然“./”不起作用，但我想要路径"/register“、"/reset”和“但是，我仍然想延迟加载用户模块，这样所有的东西都可以同时加载，我只是不希望我的路由器处于另一个文件夹或子路由中，比如"/user“或"/login”。
浏览 0提问于2019-09-16得票数 1
2回答
面对Bootstrap图标对齐问题
css、twitter-bootstrap、navbar
我使用的是bootstrap导航栏，它的品牌名称在左边，2个图标标志符号-用户和标志图标标志-钟在右边。
我希望图标固定在正确的位置。
浏览 1提问于2015-12-30得票数 1
1回答
CRM Dynamics 2013如何根据组织更改导航栏组织名称和主题
javascript、css、dynamics-crm-2013
我在CRM Dynamics 2013中有一个方案，其中我需要根据加载的组织更改组织导航栏名称和配色方案，我有一个QA和PROD组织，当用户打开QA时，名称应从Microsoft Dynamics CRM更改为CRM QA以及导航栏颜色，而当用户加载PROD时，名称应从Microsoft Dynamics CRM更改为CRM PROD和不同的导航
浏览 2提问于2016-03-14得票数 0
1回答
离子2航向对角2航路的影响
angular、ionic2
我想知道，Ionic 2导航和角2航路有什么区别，这更好，为什么呢？我还在找答案，却找不到答案。
提前谢谢。
浏览 3提问于2017-01-29得票数 0
1回答
ngFor中使用的字体和材质图标(角度2)
css、angular、font-awesome、ngfor、google-material-icons
我有一个显示在右侧栏中的动态图标列表。根据用户的操作，图标会被传递到侧边栏。这个动态图标数组是使用ngFor显示的。不幸的是，其中一些图标来自Font Awesome，另一些则来自Google材料。<i class="{{myIcon}}"></i>
&l
浏览 10提问于2017-03-16得票数 0
3回答
Angular:如何在html中调用Typescript方法
html、angular、typescript
我创建了一个具有导航栏的Angular组件，它被创建为一个未格式化的列表。通过单击list元素，我想从component.ts调用一个方法，该方法会更改此组件中显示的组件。我是一个绝对的角度和网络开发的初学者，所以我需要帮助来解决这个问题。但是使用按钮改变了我的导航栏图标的样式，并且一个链接显示了uri中的函数调用。我不想有任何
浏览 58提问于2019-07-20得票数 0
回答已采纳
2回答
动态导航链接
javascript、jquery、css、navigation、hyperlink
我在一个项目中工作，我有一个水平导航栏与6个链接，其中3个是同一水平栏中的子导航的一部分。链接用图标表示。我正在寻找最简单的方法，以动态改变子导航时，点击一个主要导航图标。[ Home - Search ]{ home1 - home2 - home3 }[ Add ][ Home - Search ]{ search
浏览 3提问于2012-06-24得票数 0
回答已采纳
1回答
从导航栏导航到Web urls
android、ios、flutter、dart
实际上，我想从导航栏图标导航到请求的平台，比如如果按下Github，然后应用程序打开GitHub请求的url，如果按下Youtube navigationItem，应用程序将返回Youtube请求页面。注意:我使用导航栏使用启动包url_launcher：^5.4.11移动URL，而不是用于屏幕转换 ite
浏览 0提问于2020-06-25得票数 0
1回答
C# Winforms更改任务栏图标
c#、winforms、oneclick
因此当在应用程序窗口中完成部署时，图标和清单设置为正确的.exe，当安装时，ICO图标将设置在那里。当在VS中运行时，任务栏中的图标将根据动态收藏图标而改变，但是当它与这个新的选择一起退出时，它不会改变，(它将在第一次加载时改变一次，然后不会再次改变)
问题是一些用户需要访问不同的实例，所以想要不同的<
浏览 6提问于2020-10-23得票数 0
1回答
微软CRM 2016
dynamic、plugins、crm
我使用微软动态CRM，在CRM索引页面顶部(导航栏)。
我想自定义导航栏添加一个“新按钮”，如我提到的图片。这可以更改主页吗？让我知道如何实现。注意:我尝试了sitemap定制，我能够创建按钮或在区域和子区域的捷径。是否有可能通过创建图标放置在导航栏附近？有其他办法吗？(例如)
浏览 2提问于2016-05-26得票数 1
回答已采纳
2回答
没有出现包含多个片段的单个活动应用程序的Up导航
android、android-navigation
根据android文档，调用setDisplayHomeAsUp(bool)函数在默认情况下应该只显示up按钮：
actionBar.setDisplayHomeAsUpEnabled(true);
它不会将打开导航抽屉的按钮设置为“向上”按钮。它只是删除了‘汉堡包’的ic_drawer图标从侧面。导航抽屉还开着。onStart() { super.onStart()；super.onStart}@
浏览 7提问于2014-09-10得票数 3
回答已采纳
1回答
图标根据窗口状态改变Ubuntu18.04上的颜色
icons、themes
在Ubuntu18.04(运行在VirtualBox下)，指示灯栏中的图标根据当前窗口的状态改变颜色。
在下面的截图，我有一个终端窗口最大化和图标都是相同的颜色。右边的图标是默认的图标，左边的图标属于我的一个指示器。我使用的图标/颜色方案是ubuntu-mono-深
浏览 0提问于2019-02-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
