如何为这些路径设置routerLinkActive？

在Angular中，可以使用routerLinkActive指令来为路径设置激活状态。routerLinkActive可以设置在导航链接元素上，并且会在当前路由和其链接匹配时自动添加一个CSS类来表示激活状态。

要为路径设置routerLinkActive，首先需要导入RouterModule，并在NgModule中添加该模块。然后，在HTML模板中，将routerLinkActive指令添加到导航链接元素上，并通过一个数组参数来指定激活时应用的CSS类名。这个数组可以包含一个或多个CSS类。

下面是一个例子：

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

在这个例子中，当路由为/home时，第一个链接元素会自动添加一个名为"active"的CSS类，表示激活状态。

除了简单的路径匹配外，routerLinkActive还支持更复杂的匹配方式。可以使用一个对象来指定更多的选项，例如使用exact属性来指定是否只有在完全匹配时才应用激活类。

<a routerLink="/home" [routerLinkActive]="{exact: true}" routerLinkActiveOptions="{exact: true}">Home</a>

这样设置之后，只有当路由路径完全匹配"/home"时，链接元素才会被认为是激活状态。

需要注意的是，为了使用routerLinkActive指令，必须先定义好路由配置。可以在NgModule中使用RouterModule.forRoot方法来配置应用的路由。

关于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云官方文档：https://cloud.tencent.com/document/product/1093