Angular 2动态路由

Question

我正在将现有的db（Wordpress）驱动站点转换为Angular 2前端，保持后端不变。我正处于路由阶段，我想从数据库中提取的JSON数据创建路由。

所以，我创建了一个服务来从数据库中提取数据和一个单独的路由模块来注册路由：

app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { NavService } from './nav.service';

var navService: NavService;
const routes: Routes = navService.getRoutes();

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})

export class AppRouting{}

nav.service.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';

@Injectable()

export class SiteNavService{
    private _navUrl = 'pathtofile/?action=ajax_site_nav';
constructor(private _http: Http){}
    getNav(){
        return this._http.get(this._navUrl)
        .map( res => res.json())
        .toPromise();
    }

}

该服务在app.module.ts providers数组中注册，并在routes数组中注册路由模块。我无法让nav.service在路由模块文件中工作。