Criar um menu dinamico

Dado um code <ul> <li *ngFor="let item of inRoutes"> <a href="{{item.path}}">{{ item.path }}</a> </li> </ul>

Onde inRoutes é um array

export const inRoutes: Routes = [
    { path: '', redirectTo: 'home', pathMatch: 'full', data: { perfil: 'ADMIN', active: 'sim' } },
    { path: 'home', component: HomeNaoLogadoComponent, data: { perfil: 'PROF', active: 'nao' } },
    {
        path: 'second', component: HomeNaoLogadoComponent, data: { perfil: 'GLOBO', active: 'nao' }, children: [
            { path: 'firstchildcomp', component: HomeNaoLogadoComponent, outlet: 'firstchild', data: { perfil: 'GLOBO', active: 'sim' } },
            { path: 'secondchildcomp', component: HomeNaoLogadoComponent, outlet: 'secondchild', data: { perfil: 'PROF', active: 'nao' } }
        ]
    },
];

Gostaria de não utilizar href="{{item.path}}" e sim : [routerLink]="[ {{item.path}} ]" ou [routerLink]="{{item.path}}", mas dá erro. A primeira forma apresentada no começo está funcionando.

Alguém já fez algo parecido?