Angular 4 маршрута ссылка Activ для родителя

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>