Angular2：如何在 ngModule 中使用不推荐使用的路由器

Question

我从 rc4 切换到 rc5 并引导到一个模块 main.ts：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { PortmanModule } from './portman.module';

platformBrowserDynamic().bootstrapModule(PortmanModule);

portman.module:

import {NgModule} from "@angular/core";
import {BrowserModule} from "@angular/platform-browser";
import {FormsModule} from "@angular/forms";
import {RootComponent} from "./root.component";

@NgModule({
    imports: [
        BrowserModule,
        FormsModule
    ],
    declarations: [RootComponent],
    bootstrap: [RootComponent]
})
export class PortmanModule {
}

现在，当我加载我的应用时，它会产生错误：

原始例外：没有路由器供应商！

没有 ngModule 的 main.ts，旧的 rc4 语法有效：

import {bootstrap}    from '@angular/platform-browser-dynamic';
import { disableDeprecatedForms, provideForms } from '@angular/forms';
import {RootComponent} from './root.component'
import {ROUTER_PROVIDERS} from "@angular/router-deprecated";

bootstrap (RootComponent,[
    ROUTER_PROVIDERS,
    disableDeprecatedForms(),
    provideForms()
]).catch((err: any) => console.error(err));

如何提供路由器？

Answer 1

我不知道是否可以将路由器弃用的 NgModule 与 NgModule 一起使用，但无论如何您都需要像这样在 @NgModule 导入中导入路由器的引用：

app.modules.ts

...
import { appRouting } from './app.routes';

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        appRouting, // Routing logic
        LoginModule // Another module
    ],
    ...
})
export class AppModule { }

---

app.routes.ts

const appRoutes: Routes = [

];

export const appRouting = RouterModule.forRoot(appRoutes);

我最好的猜测是他们还更新了路由器弃用的路由器以与 NgModule 一起使用，但您应该查看路由器弃用的文档。 另外，我的 app.routes.ts 文件是空的，因为我的路由逻辑位于 login.routes.ts 和 LoginModule，所以这是正常的。