Use of routelink in the base html

You should look at the official Angular2 page, Routing & Navigation . You should basically check that you have the following:

Add the base route in src/index.html :

<base href="/">

Import the router in src/app/app.module.ts :

import { RouterModule, Routes } from '@angular/router';

Define routes in src/app/app.module.t :

const appRoutes: Routes = [
  { path: "", redirectTo: "/personal", pathMatch: "full" },
  { path: "personal", component:PersonalComponent },
...

Finally, you must use the <router-outlet></router-outlet> tag in the template of the component where you want the component that the router consumes to be embedded.

Now, you can use the links defined in the router as follows:

 <a routerLink="/personal">Personal</a>

I recommend you look at the official documentation that I have left you above, because it is very useful to understand the operation of Angular 2 routes. Also, you have very useful examples.

As I see you would need to put the RouterLink tag so that:

<a [routerLink]=['personal']>

Without knowing the structure of your program, just tell you to take into account the location of your components, since the Angular2 router allows you to put:

../ para el nivel anterior, quedando así: 
            <a [routerLink]=['../personal']>
./ o nada para el nivel actual, quedando así: 
             <a [routerLink]=['./personal']>
             <a [routerLink]=['personal']>

In the angle 2 router it could be handled like this

<a [routerLink]="['/personal']">