RouterLink in Angular 2 RC.6 не перенаправляет

Question

Моя проблема: я хочу, чтобы моя панель навигации была на каждой странице. В моем app.component.ts у меня есть следующий:

@Component({ 
    selector: 'my-app', 
    template: ` 
     <nav-bar></nav-bar> 
     <home></home> 
     <router-outlet></router-outlet> 
` 
}) 
export class AppComponent { 

} 

Первого здесь мой routes.config.ts файл:

const appRoutes: Routes = [ 

    {path:'home', component: HomeComponent, useAsDefault: true}, 
    {path:'login', component: LoginComponent} 

]; 

export const appRoutingProviders: any = [ 

]; 

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes); 

Теперь у него будет оказывать, как я хочу его. Однако, как только я нажимаю на Login, я хочу, чтобы он перенаправил меня на другую страницу, но он оставляет меня на странице <home></home> и разбрасывает входные данные, метки и кнопки входа в систему в случайных местах.

Я хочу нажать «Войти» и перейти на совершенно новую страницу.

login.ts

@Component({ 
    moduleId: module.id, 
    selector: 'login', 
    templateUrl:'./login.html' 
}) 

Если вы посмотрите на мою GIT связать мои HTML файлы в frontend->build, то это должно быть легко понять его оттуда.

Git Ссылка GITHUB LINK

Answer 1

Проблема заключается в том, когда вы нажимаете Login link, он по-прежнему показывает Home view .right?

Вам просто нужно изменить вам AppComponent Вид на это,

@Component({ 
    selector: 'my-app', 
    template: ` 
     <nav-bar></nav-bar> 
     <home></home>       //<<<===removed home selector from this line. 
     <router-outlet></router-outlet> 
` 
}) 
export class AppComponent { 

} 

Кроме того, необходимо изменить маршруты на показанные ниже,

const appRoutes: Routes = [ 

    {path:'', redirecTo:'home', pathMatch: 'full'} //<<<===added this 
    {path:'home', component: HomeComponent }, 
    {path:'login', component: LoginComponent} 

];