Angular sidenav似乎在每次点击链接时都会刷新
Angular sidenav是Angular框架中的一个组件，用于创建具有导航功能的侧边栏。它通常用于构建响应式的Web应用程序，以提供用户友好的导航体验。
在每次点击链接时刷新的问题可能是由于路由配置或组件的实现方式导致的。以下是一些可能的原因和解决方法：
- 路由配置问题：检查路由配置文件（通常是app-routing.module.ts），确保路由链接的路径和组件的映射正确。确保没有使用重定向或错误的路由配置导致刷新。
- 组件实现问题：检查组件的实现方式，确保没有在每次点击链接时触发刷新的逻辑。例如，可以使用Angular的路由导航守卫（Route Guards）来控制是否刷新页面。
- 缓存问题：如果每次点击链接时都会刷新页面，可能是因为浏览器缓存设置不正确。可以通过在服务器端设置适当的缓存头来解决这个问题，例如设置Cache-Control头为"no-cache"。
总结起来，要解决Angular sidenav在每次点击链接时刷新的问题，需要检查路由配置、组件实现和缓存设置，确保它们没有导致刷新的逻辑或错误配置。如果问题仍然存在，可以进一步调试和排查代码，或者参考Angular官方文档和社区资源来获取更多帮助。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云CDN加速（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
相关·内容
Home零部件有一个顶部工具栏，以及一个sidenav。sidenav包含用户可以点击的链接。当点击链接时，sidenav似乎没有完全完成“高亮”动画，但似乎刷新了整个页面。这在StackBlitz示例中进行了说明，当在两个链接之间单击时，您可以看到动画停止/刷新。初始view with按钮被设置为模拟登录重定向。感谢您的任何意见。<e
浏览 14提问于2021-07-16得票数 0
回答已采纳
目前，我正在开发一个使用Angular Material的Angular Web-App。sidenav运行得无懈可击，但每次我打开一个新的路由器链接时，它都会导致整个页面刷新。HTML： <a mat-list-item routerLink="/page1" (click)="sidenav.close()">page1&l
浏览 6提问于2018-09-03得票数 0
当我点击链接时，如何关闭左侧移动菜单？默认情况下，只有在菜单外部单击时，菜单才会关闭。因此，我尝试使用函数removeMenu()，但它不起作用。有谁有解决方案吗？
浏览 0提问于2015-09-25得票数 4
我使用的是sidenav容器、路由器和自定义生成的菜单：<mat-sidenav #sidenav><router-outlet></router-outlet>在
浏览 12提问于2017-10-25得票数 17
回答已采纳
1回答
我正在创建一个带有链接的侧边栏。我有3个组件，侧边栏组件链接2个工具栏组件，这样我就可以有菜单按钮，每次我会隐藏侧边栏。 这是在我的侧边栏组件上。<mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="sidenav" fixedInViewport每次我单击这些
浏览 13提问于2020-01-02得票数 0
我使用Materialize，由于某些原因，小屏幕上的side-nav在用户点击链接后不会关闭。测试站点为
浏览 0提问于2018-07-23得票数 0
我正在使用Angular 7，并且正在尝试使用Router Link。：当我点击链接时，没有任何反应。遵循这个主题：我已经尝试在我的布局组件中包含路由器：
import { Component, OnInit } from '@
浏览 0提问于2019-07-10得票数 0
1回答
当我点击一个routerLink时，它会转到整个页面重新加载的链接页面(也就是父组件刷新) } },];
sidenavpb
浏览 0提问于2021-02-11得票数 1
3回答
它总是打开导航bar.How，我在缩小屏幕尺寸时隐藏它。这是我的密码： <div class="flex-container"class="demo-sidenav-layout">
<md-sidenav align="start" m
浏览 3提问于2017-02-13得票数 1
回答已采纳
1回答
在单击导航栏之前，<ngx-datatable>如下所示点击导航栏后，它看起来像这样正如您在第二张图片中所看到的，导航栏列在单击后没有调整大小。
浏览 4提问于2021-07-12得票数 0
我试着在我的网站上使用嵌入的谷歌字体，每次有人访问我的网站时，我都会添加从谷歌字体API下载字体的链接，但我在Firefox上遇到了问题，因为它似乎每次刷新或点击新链接时都会尝试下载字体。指向Google字体API样式表的链接如下：
<link href='http://fonts.googleapis.com
浏览 0提问于2010-11-24得票数 6
回答已采纳
我在Angular material的$mdSideNav中遇到了问题，背景中的内容是可以点击的。如果有一个按钮，例如在md-sidenav后面的内容上，它可以在打开时通过md-sidenav点击。在这方面的任何帮助都会得到极大的欢迎。
谢谢你，Ger
浏览 0提问于2016-11-18得票数 0
2回答
我正在构建一个Angular应用程序，我想执行一个简单的sidenav切换。mat-icon-button (click) = "snav.toggle()"> </button>每当我尝试点击打开/关闭sidenav的按钮时，Cannot read property 'toggle&#x
浏览 16提问于2019-08-10得票数 0
回答已采纳
我在一个滑出式菜单上工作，所有的工作都很完美，除了当我点击一个下拉链接时，任何其他打开的链接都会关闭。$overlay[0]) { $$.data(this, 'sidenav')) {
浏览 6提问于2017-08-17得票数 0
回答已采纳
我在我的angular应用程序的主页上设置了sidenav。我还设置了到sidenav中其他组件的链接。现在，我希望当组件的链接被单击时，组件可以加载到相同的空间中，而sidenav和工具栏不会受到影响。包含sidenav和工具栏的主页的HTML文件 <button (click)='sidenav.toggle()'><mat-i
浏览 11提问于2019-07-10得票数 2
回答已采纳
3回答
我有一个Angular 6组件，其中我有一个网格，它使用异步管道来订阅一个包含项目的observable。我想有一个按钮，当点击时，刷新数据中的观察者。_service.getDetails();
} 然后，在模板上： *ngIf="(details$ | async); let d" 所以现在，每次用户单击按钮时，都会执行refreshData方法。代码可以工作，数据会被刷新，但我会为每次<em
浏览 58提问于2019-04-02得票数 1
回答已采纳
1回答
我有一个带有资料的应用程序sidenav，sidenav显示有链接的列表。其中一个链接具有一个指令，如果用户权限与预期的权限不匹配，则该指令将隐藏该链接。如果我在我的头组件中使用列表，所有工作正常，但是在我的app组件中，在app重新加载之前，指令是不能工作的。我怎么才能修好？().subscribe(permsArr => { });}
编辑：permiss
浏览 0提问于2018-10-22得票数 0
回答已采纳
1回答
如何在单击超链接刷新页面时保持滚动位置？我尝试做一个超链接，将添加数量的项目，并刷新页面。但每次我点击这个链接，我都会回到页面的顶部。
<a href="selectquantity.php?
浏览 0提问于2016-05-04得票数 0
我目前正在做angular项目。根据angularjs的材料设计规范，该应用程序有一个sidenav。当我在chrome和其他主要浏览器上点击控制sidenav的菜单图标时，它可以工作，但在firefox上不能工作。请访问下面的chrome和firefox链接，在plunker上测试示例应用程序。md-is-locked-open="$mdMedia('gt-sm')" class="md-si
浏览 1提问于2017-08-09得票数 0
最近，我一直在开发一个由Divi主题和构建器提供支持的WordPress网站。一些页面有一个菜单，其中的URL设置为页面某些部分(锚点链接)的ID，但当单击时，页面会刷新，然后滚动到相关部分。单击锚链接会导致页面刷新的原因是什么？我被搞糊涂了！ 我已经尝试更改URL(如下所示)，但仍然存在相同的问题。https://www.domain.co.uk/tables/#breakpoint-one https://www.domai
浏览 20提问于2021-01-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
