小编Afr*_*tal的帖子

Angular2无法解析RouterOutlet的所有参数:(RouterOutletMap,ViewContainerRef,?,名称)

我对任何JS框架都是全新的。刚开始学习Angular2。我正在为实习做一些基本的应用程序。从角度应用程序中,我将名称发布到Java控制器,获取所需的信息并将其发送回去。当名字是“ Dave”或“ Hal”时,基本上会发生乐趣。一切看起来不错,但是当我运行服务器并尝试进入我的应用程序时,我得到了

例外:错误:未捕获(承诺):无法解析RouterOutlet的所有参数:(RouterOutletMap,ViewContainerRef,?,名称)。

据我从文档中得知,缺少的参数是componentFactoryResolver。如何摆脱此错误并正确运行所有错误。

这些是文件:

app/main.ts

import { bootstrap } from '@angular/platform-browser-dynamic';
import { HTTP_PROVIDERS } from '@angular/http';

import { AppComponent } from './app.component';
import { APP_ROUTER_PROVIDERS } from './app.routes';

bootstrap(AppComponent, [
    APP_ROUTER_PROVIDERS,
    HTTP_PROVIDERS
])
    .catch(err => console.error(err));
Run Code Online (Sandbox Code Playgroud)

app/app.component.ts

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES }  from '@angular/router';

@Component({
    selector: 'my-app',
    template: `
        <h1>{{title}}</h1>
        <router-outlet></router-outlet>
    `,
    directives: [ROUTER_DIRECTIVES]
})
export class AppComponent {
    title = 'Names';
}
Run Code Online (Sandbox Code Playgroud)

app/app.routes.ts

import { provideRouter, …
Run Code Online (Sandbox Code Playgroud)

routing angular2-routing angular

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

angular2-routing ×1

routing ×1