Поставщики динамической маршрутизации Angular2

Question

Я хочу предоставить значение [router-link], путь, компонент и динамически.

<li><a [routerLink]="['/SettingStudent']">Settings</a></li> 

{ path: '/settings', component:Settings, name:'SettingStudent' } 

В этом примере я предоставляю статические значения, но как обеспечить динамическое использование следующим образом?

<li><a [routerLink]="['/{{SettingStudent}}']">{{Settings}}</a></li> 

{ path: '/{{settings}}', component:{{Settings}}, name:'{{SettingStudent}}' } 

возможно ли в угловом2? если да, то как?

Answer 1

Попробуйте так:

<li><a [routerLink]="['/' + SettingStudent]">{{Settings}}</a></li> 

{ path: '/' + settings, component: `${Settings}`, name: `${SettingStudent}` } 

Answer 2

В классе объявить переменную:

private routes: any[] = [ 
    { 
     name: 'Asset Tag', 
     path: ['SysInfoAssetTag'] 
    }, 
    { 
     name: 'System', 
     path: ['SysInfoSystem'] 
    } 
] 

Тогда в силу

<ul> 
    <li *ngFor="let route of routes"><a [routerLink]="route.path">{{route.name}}</a> </li> 
</ul>