Typescript 组件未路由到另一个组件的页面

你好。我的问题是RegistrationComponent中routelink的按钮没有路由到LogInComponent页面，我不明白为什么。角度不通过任何错误。 这是RouteComponent及其视图：

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

import { LogInComponent } from './LogIn';

@Component({
    selector: 'reg',
    templateUrl: './Views/RegView.html',
    providers: [ROUTER_PROVIDERS],
    directives: [ROUTER_DIRECTIVES, LogInComponent],
    // styleUrls: ['../../Styles/bootstrap/bootstrap.css']
})

@RouteConfig([
    {
        path: '/logIn',
        name: 'LogIn',
        component: LogInComponent
    }
])

export class RegistrationComponent {

}

视图：

视图：

Войти
Регистрация

这是主要的应用程序组件。它应该调用（我希望这个术语是正确的）RegistrationComponent：

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

import { RegistrationComponent } from './Registration';


@Component({
    selector: 'app',
    templateUrl: './Views/appview.html',
    directives: [ RegistrationComponent ]
})


export class AppComponent {

}
view:
<reg></reg>

从“../Vendor/@angular/core”导入{Component}；
从“./Registration”导入{RegistrationComponent}；
@组成部分({
选择器：“应用程序”，
templateUrl:'./Views/appview.html'，
指令：[注册组件]
})
导出类AppComponent{
}
视图：

我删除了

提供程序：[路由器\u提供程序]

除启动外的所有地方。我不知道为什么会有帮助，但现在一切都正常了

我删除了

提供程序：[ROUTER\u providers]

除启动外的所有地方。我不知道为什么会有帮助，但现在一切都正常了

因为

ROUTER\u提供程序

只应在根目录下提供一次，否则每个组件将获得另一个路由器实例。@GünterZöchbauer，再次感谢您。你帮了我很多。因为

ROUTER\u提供者

应该只在根目录下提供一次，否则每个组件都会得到另一个路由器实例。@GünterZöchbauer，再次感谢你。你帮了我很多。

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

import { RegistrationComponent } from './Registration'

@Component({
    selector: 'logIn',
    templateUrl: './Views/LogInView.html',
    providers: [ROUTER_PROVIDERS],
    directives: [ROUTER_DIRECTIVES, RegistrationComponent]
})

@RouteConfig([
    {
        path: '/registration',
        name: 'registration',
        component: RegistrationComponent
    }
])

export class LogInComponent {
    constructor() { console.log("1");}
}

<from>
    <div>
        <div>
            <input name="userName" placeholder="логин">
        </div>
        <div>
            <input name="password1" placeholder="******">
        </div>
        <div>
            <button>Войти</button>
        </div>
        <div>
            <button [routerLink]="['Registration']">Регистрация</button>
        </div>
    </div>
</from>

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

import { RegistrationComponent } from './Registration';


@Component({
    selector: 'app',
    templateUrl: './Views/appview.html',
    directives: [ RegistrationComponent ]
})


export class AppComponent {

}
view:
<reg></reg>