<ul>
<li>
<a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">GAMES</a>
</li>
<li>
<a routerLink="/news" routerLinkActive="active">NEWS</a>
</li>
<li>
<a routerLink="/jobs" routerLinkActive="active">JOBS</a>
</li>
<li>
<a routerLink="/about" routerLinkActive="active">ABOUT</a>
</li>
<li>
<a routerLink="/contact" routerLinkActive="active">CONTACT</a>
</li>
<li>
<a routerLink="/community" routerLinkActive="active">COMMUNITY</a>
</li>
<li>
<a routerLink="/account" routerLinkActive="active">My Account</a>
</li>
</ul>
style中設(shè)置a.active樣式即可
