Angular 2 RC1 组件路由不加载任何东西

Question

我正在使用 Angular 2.0.0-rc.1。我试图从单一路线开始设置路线，但没有显示任何内容。没有错误被抛出。

Main.ts

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';
import { ROUTER_PROVIDERS } from '@angular/router';

bootstrap(AppComponent, [
  ROUTER_PROVIDERS
]);

app.component.ts

import { Component } from '@angular/core';
import { MyComponent} from './my/my.component';
import { HTTP_PROVIDERS } from '@angular/http';
import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
import 'rxjs/Rx';

@Component({
  selector: 'my-app',
  templateUrl: 'app/app.component.html',
  directives: [MyComponent, ROUTER_DIRECTIVES],
  providers: [HTTP_PROVIDERS]
})

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

export class AppComponent { }

app.component.html

<div>
    <router-outlet></router-outlet>
</div>

index.html 开头为

<html>
<head>
  <base href="/">

我的组件

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

@Component({
    selector: 'pr-my',
    templateUrl: 'app/my/my.component.html'
})

export class MyComponent {
}

更新：如果我将 routerLink 添加到 app.component.html 并单击它，内容将按预期加载。不点击 link.

就不会加载

<a [routerLink]="['/']">Home</a>

Answer 1

您需要注入路由器

class AppComponent {
  constructor(router:Router){}
}

这是一个已知问题。

Angular 2 RC1 组件路由不加载任何东西

Angular 2 RC1 component routing doesn't load anything

angularjs-routing

angular