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