父级的角度4路由链接激活

Question

<li class="category-container main-menu-link">
        <div class="category">
          <i class="category-icon fa fa-film"></i>
        </div>
        <ul class="genre-list">
          <a [routerLink]="['bygenre', genre]" *ngFor="let genre of genres">
            <li>{{genre}}</li>
          </a>
        </ul>
      </li>

如何将活动链接应用于非常远的父链接 我想将它应用到

<li class="category-container main-menu-link">

Answer 1

问题已解决

<li class="category-container main-menu-link" [style.color]="rla.isActive ? '#1696FF': 'white'"  >
        <div class="category">
          <i class="category-icon fa fa-film"></i>
        </div>
        <ul class="genre-list" [routerLinkActive]="" #rla="routerLinkActive">
          <a [routerLink]="['bygenre', genre]"
             *ngFor="let genre of genres">
            <li>{{genre}}</li>
          </a>
        </ul>
      </li>