Отменить CSS, когда ссылка неактивна

Question

У меня есть код навигации

    <nav>
  <ul>
   <li routerLink="" routerLinkActive="simple" [ngClass]="{'nav__link--active' : selectedRoute === 'dashboard'}">
     <div class="nav-content"><img src="assets/Dashboard_dark.svg" />Dashboard</div>

    </li>

    <li routerLink="/kanban-board" routerLinkActive="simple" [ngClass]="{'nav__link--active' : selectedRoute === 'kanban-board'}">
      <div class="nav-content"><img src="assets/Issues_dark.svg" />Issues</div>
    </li>
    <li routerLink="/create" routerLinkActive="simple"  [ngClass]="{'nav__link--active' : selectedRoute === 'create'}">
      <div class="nav-content"><img src="assets/Create_dark.svg" />Create</div>
    </li>

  </ul>
</nav>

, если ссылка активна, на панели навигации отображается блок и какой-то цвет фона, а при изменении ссылки код CSS остается неизменным, и обе навигационные ссылки отображают цвет фона.помощь