RouterLink inside a repeater angular 2

I have just started using Angular 2.

There is a routerLink that enables the necessary routes for navigation provided with the config.

It works fine, if it is done something like below,

<ul class="nav">
        <li class="nav-item">
            <a class="nav-link" href="#" [routerLink]="['/home']">Home</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#" [routerLink]="['/about']">About</a>
        </li>
    </ul>

But it fails when used inside a *ngFor repeater, like this

<ul class="nav">
        <li class="nav-item" *ngFor="let item of menu">
            <a class="nav-link" href="#" [routerLink]="['']"></a>
        </li>
    </ul>

I have searched enough on google but I wasn't able to find a satisfying answer.

Any help is appreciated!