ROUTING & NAVIGATION - RouterLink section example does not work

[WonSong]

https://angular.io/docs/ts/latest/guide/router.html#!#router-link

Below code example does not work:

<h1>Component Router</h1>
<nav>
    <a routerLink="/crisis-center" routerLinkActive="active">Crisis Center</a>
    <a routerLink="/heroes" routerLinkActive="active">Heroes</a>
</nav>
<router-outlet></router-outlet>

This worked:

<h1>Component Router</h1>
<nav>
    <a [routerLink]="['/crisis-center']" routerLinkActive="active">Crisis Center</a>
    <a [routerLink]="['/heroes']" routerLinkActive="active">Heroes</a>
</nav>
<router-outlet></router-outlet>

Also, it does not mention having to use import { ROUTER_DIRECTIVES } from '@angular/router';
and directives: [ROUTER_DIRECTIVES].

[Foxandxss]

The last part is not needed anymore with NgModule, about the issue, ping @brandonroberts

[brandonroberts]

@WonSong the code example is correct. If you don't need to use an expression binding, you can do a one-time binding to a string and the navigation will work just the same. The live example shows this.

[WonSong]

Hm - I will try again, but it did not work in project generated by the latest version of angular-cli.
Other people having similar issues: http://stackoverflow.com/questions/38832851/routerlink-does-not-work

[brandonroberts]

@WonSong do you have a reproduction of this issue we can see?

[WonSong]

Thanks. This bug is now obsolete with the RC5 update.