如何使用条件语句在 Angular 4 中包含 class

Question

如何仅在索引页的路由器插座中包含 class。我尝试了几种方法，但无法正常工作。下面是我的脚本

  <div [ngClass]="{'home' : [routerLinkActiveOptions]="{exact: true}" }">
   <app-navigation></app-navigation>
  <router-outlet></router-outlet>
  <app-footer></app-footer>
  </div>

感谢您的协助。

Answer 1

做类似的事情：

<div [ngClass]="{'class-route1': r1.isActive, 'class-route2': r2.isActive}">
    <a routerLink="route1" routerLinkActive #r1="routerLinkActive">
        Route1
    </a>
    <a routerLink="route2" routerLinkActive #r2="routerLinkActive">
        Route2
    </a>
    <router-outlet></router-outlet>
</div>