CODEWITHSUNDEEP
angular4-router
Саске
Саске

Reputation: 190

angular 4 route link activ for parent

<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>

How to apply an active link to a very distant parent link I want to apply it to

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

Upvotes: 0

Views: 52

Answers (1)

Саске
Саске

Reputation: 190

problem solved

<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>

Upvotes: 1

Related Questions