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

时间:2018-01-14 19:09:24

标签: angular angularjs-directive angular-ui-router

如何仅在索引页面的路由器插座中包含类。我尝试了几种方法,但我无法让它发挥作用。下面是我的脚本

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

感谢您的协助。

1 个答案:

答案 0 :(得分:0)

做类似的事情:

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