相关疑难解决方法(0)

获取Angular2错误'没有路由器提供商!(RouterOutlet - > Router)'

我使用Angular2 alpha39和Babel来转换ES6 JS文件.我没有使用打字稿.

我创建了一个正确显示的组件.我在模板上添加了一个路由器插座.当我运行应用程序时,我收到错误消息:

没有路由器提供商!(RouterOutlet - >路由器)

调用堆栈是:

在此输入图像描述

以下是代码片段:

模板:

.... // Removed for brevity
<div class="contenttext">
    <router-outlet></router-outlet>
</div>
.... // Removed for brevity
Run Code Online (Sandbox Code Playgroud)

组件文件:

import { Component, View, bootstrap,  OnInit } from 'angular2/angular2';
import { RouteConfig, RouterOutlet, RouterLink } from 'angular2/router';
import 'reflect-metadata';
import 'winjs';

@Component({
    selector: 'dashboard-app'
})
@View({
    templateUrl: '../js/dashboard.html',
    directives: [ ContentComponent, FamiliesComponent, RouterOutlet, RouterLink ]
})
@RouteConfig([ 
    { path: '/employees', component: EmployeesComponent, as: 'employees'} 
]) 
class DashboardAppComponent implements OnInit {
    constructor() …
Run Code Online (Sandbox Code Playgroud)

angular-routing angular

28
推荐指数
2
解决办法
5万
查看次数

Angular 2路由器示例+ @Routes打字支持

我试图找到一个关于如何在Angular 2中使用路由器的具体示例.此外,5分钟快速入门中的当前angular2.d.ts类型文件 不支持@Routes注释.

typescript angular

23
推荐指数
4
解决办法
5万
查看次数

标签 统计

angular ×2

angular-routing ×1

typescript ×1