Routing 角2路由注入路由器出口不工作

Routing 角2路由注入路由器出口不工作,routing,angular,router,Routing,Angular,Router,我试图让我的头围绕这个路由概念,但有困难理解如何工作 目前我有一个@routes,它加载一个带有“/”路径的组件。这应该在页面呈现后立即加载到中。我遇到的麻烦是。。仅当html模板中存在[routerLink]时,才会加载我的组件 @Component({ selector: 'my-app', template: ` <h1>Component Router</h1> <nav> <a [routerLink]=

我试图让我的头围绕这个路由概念,但有困难理解如何工作

目前我有一个@routes,它加载一个带有“/”路径的组件。这应该在页面呈现后立即加载到中。我遇到的麻烦是。。仅当html模板中存在[routerLink]时,才会加载我的组件

@Component({
  selector: 'my-app',
  template: `    
  <h1>Component Router</h1>
    <nav>
      <a [routerLink]="['/crisis-center']">Crisis Center</a>
      <a [routerLink]="['/heroes']">Heroes</a>
    </nav>
    <router-outlet></router-outlet>`,
  directives: [ROUTER_DIRECTIVES]

})

@Routes([
  {path: '/', component: CoreComponent}
])

***core.component**

import {Component} from '@angular/core';
import { Routes , RouterOutletMap} from '@angular/router';
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from '@angular/router-deprecated';

import { SideBarComponent} from './sidebar/sidebar.component';


@Component({
    template: `<side-bar></side-bar>
  <router-outlet></router-outlet>`,
    directives: [SideBarComponent]

})

export class CoreComponent{

}
@组件({
选择器:“我的应用程序”,
模板:`
组件路由器
危机中心
英雄
`,
指令:[路由器指令]
})
@路线([
{path:'/',component:CoreComponent}
])
***核心组件**
从'@angular/core'导入{Component};
从'@angular/router'导入{Routes,RouterOutletMap};
从“@angular/ROUTER deprecated”导入{RouteConfig,ROUTER_指令,ROUTER_提供程序}”;
从“./sidebar/sidebar.component”导入{SideBarComponent};
@组成部分({
模板:`
`,
指令:[侧边栏组件]
})
导出类核心组件{
}

这是将要修复的新路由器中的一个已知问题。如果没有
routerLink
,则根本不会创建路由器实例。或者,您可以将路由器插入根组件。

这是将要修复的新路由器中的已知问题。如果没有
routerLink
,则根本不会创建路由器实例。或者,您可以将路由器插入根组件。

谢谢您的快速回答。您在另一个线程中提到了在AppComponent中注入“路由器”。您是否运行到“无法解析路由器的所有参数”错误?您正在从“@angular/Router”从
import{Routes,RouterOutletMap}导入和<代码>从'@angular/ROUTER deprecated'导入{RouteConfig,ROUTER_指令,ROUTER_提供程序}。你只需要决定其中一个。这两者在任何方面都不兼容。我使用@angular/router时出错,我也尝试使用@angular/router deprecate,得到了相同的结果。我很好奇你的版本是什么。我目前正在使用“@angular/core”:“2.0.0-rc.1”。您上面的代码同时从这两个版本导入-这在任何方面都是无效的
router已弃用
与beta版中提供的路由器相同
router
是“新”路由器,目前缺少一些基本功能。感谢您的快速回答。您在另一个线程中提到了在AppComponent中注入“路由器”。您是否运行到“无法解析路由器的所有参数”错误?您正在从“@angular/Router”从
import{Routes,RouterOutletMap}导入和<代码>从'@angular/ROUTER deprecated'导入{RouteConfig,ROUTER_指令,ROUTER_提供程序}。你只需要决定其中一个。这两者在任何方面都不兼容。我使用@angular/router时出错,我也尝试使用@angular/router deprecate,得到了相同的结果。我很好奇你的版本是什么。我目前正在使用“@angular/core”:“2.0.0-rc.1”。您上面的代码同时从这两个版本导入-这在任何方面都是无效的
router已弃用
与beta版中提供的路由器相同
router
是目前缺乏一些基本功能的“新”路由器。