Angular 8 routlerlink仅在页面重新加载后才起作用

Angular 8中的routerLink是一个指令，用于在页面中创建导航链接。它允许我们通过点击链接来导航到不同的页面或组件。然而，有时候我们可能会遇到一个问题，即当页面重新加载时，routerLink指令才会起作用。

这个问题的原因是Angular的路由器在页面重新加载时会重新解析URL，并根据URL来确定要加载的组件。因此，当页面重新加载时，路由器会重新初始化，并重新解析URL，这时routerLink指令才会生效。

为了解决这个问题，我们可以使用routerLinkActive指令来添加一个活动CSS类，以在页面重新加载后仍然保持链接的活动状态。routerLinkActive指令会自动检测当前URL是否与指定的路由匹配，并在匹配时添加指定的CSS类。

下面是一个示例：

<a routerLink="/home" routerLinkActive="active">Home</a>
<a routerLink="/about" routerLinkActive="active">About</a>

在上面的示例中，当我们点击Home链接时，如果当前URL与"/home"匹配，那么该链接会被添加一个名为"active"的CSS类。同样地，当我们点击About链接时，如果当前URL与"/about"匹配，那么该链接也会被添加"active"类。

这样，即使页面重新加载，我们仍然可以通过检查链接上是否存在"active"类来确定当前活动的链接。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。
• 腾讯云云数据库 MySQL：提供高性能、可扩展的云数据库服务，适用于存储和管理应用程序的数据。
• 腾讯云对象存储（COS）：提供安全、可靠的云存储服务，用于存储和管理大规模的非结构化数据。
• 腾讯云人工智能：提供丰富的人工智能服务和工具，用于构建智能化的应用程序和解决方案。

请注意，以上推荐的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。