Angular - 如何应用子RouterActiveLink类？

Question

我在父路由下有子女路由。儿童路由工作正常。不幸的是，儿童的标签没有得到活跃的课程。

1. 这是我想要添加的东西吗？
2. 是否需要为添加指令等子路径添加编码？

家长：

TaskCollection

儿童：课程链接

TaskContainer

当我点击Parent Link时，routerActiveLink工作正常。但是当我点击儿童（课程）链接时，活动链接无法正常工作！

对于父母和儿童课程组件CSS文件，我创建了CSS属性

<nav>
  <ul class="nav nav-tabs">
    <li routerLink="/Home" routerLinkActive="active"><a>HOME</a></li>
    <li routerLink="/Courses" routerLinkActive="active"><a>COURSES</a></li>
    <li routerLink="/Resources" routerLinkActive="active"><a>RESOURCES</a>
    </li>
  </ul>
</nav>
<section>  
  <router-outlet></router-outlet>
</section>