angle-cliを使って条件付きスタイルを追加する方法

Question

私は単一ページアプリケーションを構築しました。 Apiからデータを取得し、このデータをカテゴリにソートし、これらのカテゴリに基づいてメニュー構造を構築します。ユーザーがメニュー項目をクリックすると、さまざまなカテゴリが表示されます。

これは、メニューコードです：

 <div> 
     <ul class="nav navbar-nav"> 
      <li><a href="javascript:void(0);" (click)="showGames('all')">All Games</a></li> 
      <li *ngFor="let category of categories"><a href="javascript:void(0);" (click)="showGames(category)">{{category}}</a></li> 
     </ul> 
     </div> 

私の問題はこれです。ユーザーが特定のページにいるとき、LI要素にアクティブなスタイルを追加して、ユーザーが現在どのタブを見ているかを知りたいと考えています。

通常、私はルータを使用してこれを行うだろうし、それはこのようなものになります。この場合

<li><a [routerLinkActive]="['active']" routerLink="/route-name">Route Name</a></li> 

を、私は基本的にすべての仕事をしている単一のページを持っています。 PHPで私はおそらくこれらの線に沿って何か行っているでしょう：

<li <?=($current_route == $route) ? 'class="active"' : ''?> 

をしかし、もちろんNG2は少し違ったことを行い、私はこれについて移動する方法がわからないです。方法isCurrentRoute（IN

Answer 1

[ngClass]="{'active':isCurrentRoute()}" 

）電流経路がアクティブ経路