<header class="nav-header">
    Angular 2
</header>
<div class="nav-menu-bar">
    <ul>
        <a *ngFor="let item of menuItems" routerLinkActive="router-link-active" [routerLink]="['/characters']">
            <li>
                {{item.caption}}
            </li>
        </a>
    </ul>
</div>

<header class="nav-header">
    Angular 2
</header>
<div class="nav-menu-bar">
    <ul>
        <a *ngFor="let item of menuItems" routerLinkActive="router-link-active" [routerLink]="item.link">
            <li>
                {{item.caption}}
            </li>
        </a>
    </ul>
</div>

Set the routerLink of nav to correct links
Set the routerLink of nav to correct links
