在routerLink中导航时重新初始化的组件
是指在Angular框架中，当使用routerLink进行路由导航时，目标组件会重新初始化。
在Angular中，路由导航是通过Router模块来实现的。当使用routerLink进行导航时，Angular会根据路由配置加载对应的组件，并将其渲染到视图中。如果目标组件已经被加载过并且处于活动状态，再次导航到该组件时，组件不会重新初始化，而是保持之前的状态。
然而，有时候我们希望在每次导航到目标组件时都重新初始化组件，以确保组件的状态和数据是最新的。这可以通过在路由配置中设置"runGuardsAndResolvers"属性为"always"来实现。
具体步骤如下：
- 在路由配置文件（通常是app-routing.module.ts）中，找到目标路由的配置项。
- 在该配置项中，添加"runGuardsAndResolvers"属性，并将其值设置为"always"。
- 保存配置文件并重新运行应用程序。
这样，当使用routerLink导航到目标组件时，组件将会重新初始化，即会执行组件的构造函数和生命周期钩子函数，从而实现重新加载和刷新组件的效果。
需要注意的是，重新初始化组件可能会导致性能上的一些损耗，因此应该谨慎使用。只有在确实需要每次导航都重新加载组件时才使用该方法。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云负载均衡（CLB）。
腾讯云云服务器（CVM）是一种可扩展、高性能、安全可靠的云计算服务，提供了多种规格的云服务器实例供用户选择。您可以根据业务需求灵活选择配置，快速创建和管理云服务器。
腾讯云负载均衡（CLB）是一种将流量分发到多个云服务器实例的负载均衡服务，可以提高应用的可用性和扩展性。它支持四层和七层负载均衡，可根据实际需求选择适合的负载均衡算法和会话保持方式。
腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm
腾讯云负载均衡产品介绍链接地址：https://cloud.tencent.com/product/clb
相关·内容
1回答
我使用routerLink从主页组件导航到结果组件，但每次我导航回某个组件时，组件都会重新初始化。 如何防止组件重新初始化？class="nav navbar-nav">
浏览 25提问于2019-01-30得票数 0
1回答
我有一个父组件，它在HTML中保存一个导航元素，并根据选择的链接显示不同的组件。></router-outlet>selected: s
浏览 4提问于2018-01-24得票数 0
回答已采纳
我正在构建一个使用Range2的uses应用程序，它使用路由。因为我对角度还不熟悉，所以我过去常常用href属性链接到另一个组件，如下所示：这是可行的，但这种方法也使组件需要3秒半的时间来加载！当我这样做时，routerLink的方式是这样的：
<
浏览 2提问于2018-07-30得票数 4
回答已采纳
1回答
使用我的当前代码，我试图在手风琴组件中进行深度链接。通过导航到dev.local/#/accordion，然后单击手风琴标题，我希望更新路径如下：但是，我不想在设置这条路径之后导航到它。本质上，如果有人假想地复制了这个URL，它会将它们返回到复制时打开的精确手风琴。我遇到的问题是，我将以下代码应用于手风琴链接以设置参数：
<a [routerLink]="
浏览 4提问于2016-01-27得票数 4
我有angular 5基本初学者级别的应用程序，只有5个组件//copied from app.module.ts {li><a [routerLink]="['/items/7']">Other</a></li>
<li><a [routerLink]="[&
浏览 2提问于2018-04-10得票数 15
2回答
我想在当前组件的作用域之外更改组件的样式。我的app.component.html中的标记如下：<div id='content-container'></div>
我希望更改应用程序导航组件中</e
浏览 2提问于2017-09-25得票数 4
7回答
我正尝试在我的Angular 7应用程序中使用带有href的锚标签。当我点击链接时，浏览器中的url会改变，但是页面不会被导航到。如果我把target=写成“_self”，它就能工作。<a href="/abcd" target="_self">Abcd</a>
但是，这并不只是浏览器中的url发生了变化，而是什么也没有发生。<a href=&q
浏览 7提问于2019-09-24得票数 24
2回答
我在某个地方看到ngOnInit()函数在导航之间只调用了一次，我发现那不是真的。我的代码示例： ngOnInit(): void console.log('inithome component');然后，在localhost&#x
浏览 11提问于2020-05-13得票数 1
2回答
有一个全球性的旋转器。它是在从标题导航到新页(组件)时加载的。我只想为特定的组件隐藏这个旋转器(在导航或加载新页面时不需要)。我的标题有一个链接，如下所示
<nb-action class="control-item "><a class="nav-links" href="home">Home</a
浏览 7提问于2020-12-03得票数 1
回答已采纳
让我们考虑两个角组件componentA和componentB，在componentA中输入了一个表单，其中有一个按钮导航到componentB，在导航到componentB之后，我有一个后退按钮要返回到<code>E 110</code> component A<code>E 211</code>，现在单击back按钮导航到<code>E 112</code>comp
浏览 0提问于2018-12-17得票数 0
我启动了一个新的角5项目，并通过遵循实现了路由，但是页面在路由事件上是刷新的，而不是更新DOM。下面是我对app.module.ts的导入import { NgModule }appRoutes, ),
Brows
浏览 0提问于2018-02-22得票数 0
回答已采纳
在angular 2中可以找到许多示例，演示如何使用按钮或routerLink在组件之间导航。我想做的是在发生错误时导航到某个组件，而不需要用户操作。handleError(error) { }但是不可能在MyErrorHandler构造函数中初始化<
浏览 5提问于2017-07-09得票数 1
回答已采纳
2回答
当我以角度进行开发并创建视图时，我总是使用routerLink从一个视图导航到另一个视图。最近，我看到了一些重要的页面，它们使用href而不是routerLink来路由网站上的视图。我的问题是，什么时候在角中使用href代替routerLink比较方便，为什么？难道是为了给人一种感觉，觉得它不是SPA吗？
如果是这样的话，我不理解它，因为它失去了角路由的全部潜力。
浏览 2提问于2019-10-30得票数 1
回答已采纳
当我通过routerLink指令导航到子组件时，父组件矩阵参数保存在url中。例如，如果url为localhost/parent;arg=1，routerLink如下所示：子url将是localhost/parent;arg=1/child，但我希望在导航时省略
浏览 1提问于2018-08-07得票数 0
回答已采纳
1回答
在app.module.ts中，我使用APP_INITIALIZER调用初始化服务(ApplicationInitialiserService)。这将从api加载数据并动态创建路由。所有这些路由都以一个子组件为目标。但是，当我刷新页面时，它不会加载这个子组件。
也许我需要在子组件中检测页面刷新和加载？任何建议都
浏览 4提问于2022-08-03得票数 0
回答已采纳
我正在尝试实现一个引导转盘和Angular 4的RouteModule。包含转盘的组件是"ProyectorZonaComponent“，这里是app.module和用于导航</e
浏览 1提问于2017-07-12得票数 0
我需要将对象值传递给另一个组件，同时在不显示URL数据的情况下从一个组件导航到另一个组件。有人能告诉我如何在导航时传递对象以及如何在第二个组件上捕获对象吗？是
浏览 5提问于2017-11-10得票数 0
我正在查看Vaadin的基本应用程序布局示例 https://labs.vaadin.com/layout-examples/app-layout-basic 我正在尝试理解撰写内容的最佳方式。我注意到，如果我使用左侧导航栏从“主页”切换到“关于”，页面的内容不会改变。 当我查看源代码时，它的内容似乎是静态的--没有说明如何根据NavBar中选定的Tabs更改内容。有人能提供一个在实践中应该如何圆锥体的<
浏览 20提问于2021-01-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
