2.页面路由使用和默认选中的路由

2-1路由使用

<ul>
  <li><a [routerLink]="['/home']">home</a></li>
  <li><a [routerLink]="['/news']">news</a></li>
  <li><a [routerLink]="['/about']">about</a></li>
</ul>

2-2routerLinkActive设置routerLink默认选中的路由

//a-routerLink可以直接出来
<ul>
  <li><a [routerLink]="['/home']"  routerLinkActive="router-link-active">home</a></li>
  <li><a [routerLink]="['/news']"  routerLinkActive="router-link-active">news</a></li>
  <li><a [routerLink]="['/about']" routerLinkActive="router-link-active">about</a></li>
</ul>

样式 app.component.css

.router-link-active{
    color:goldenrod;
}