Angularjs2 라우팅이 작동하지 않습니다.

Question

Angularjs 2 라우팅이 작동하지 않습니다. 수동으로 URL을 수동으로 입력하더라도 작동하지 않습니다.

설정과 버전은 다음과 같습니다 -

VAR ngVer = '2.0.0-rc.5 @'; // 각진 패키지 버전을 잠급니다. 현재로 부유시키지 마십시오!

var routerVer = '@ 3.0.0-rc.1'; // 라우터 버전을 잠급니다. var formsVer = '@ 0.3.0'; // 폼 버전을 잠급니다 var routerDeprecatedVer = '@ 2.0.0-rc.2';

OS : - 우분투 14, Google 크롬.

이 app.routing.ts

import { Routes, RouterModule } from '@angular/router'; 

    import { HeroesComponent } from './heroes.component'; 


    const appRoutes: Routes = [ 
     { 
     path: 'heroes', 
     component: HeroesComponent, 
     pathMatch: 'full' 
     } 
    ]; 

    export const routing = RouterModule.forRoot(appRoutes); 

app.component.ts URL에 아무 것도 입력, 초기화되지

import { Component } from '@angular/core'; 
    import { AppModule } from './app.module'; 
    import { HeroesComponent } from './heroes.component'; 
    import { routing }  from './app.routing'; 



    @Component({ 
     selector : "my-app", 
     template : ` 
         <a routerLink="/heroes1" >Heroes</a> 
         <router-outlet></router-outlet> 
      `, 
     directives: [HeroesComponent] 
    }) 
    export class AppComponent { 
     title = 'Tour of Heroes'; 
    } 

는 자사의 홈 페이지에 걸릴 것입니다 "/"

Answer 1

Heroes Comp를 가져올 이유가 없습니다. 경로가 그것을 처리하고 있다면 onent. 따라서 가져 오기를 제거하고 app.component에서 지시문을 제거하십시오. 또한 공식 웹 사이트 Angular.io에서 rc.5를 사용하여 응용 프로그램을 구성하는 새롭고 적절한 방법으로 돌아가서 참조하는 것이 중요합니다.

퀵 스타트를 다시하고 새로운 module.ts 파일을 이해하고 라우팅 자습서 here으로 바로 이동하여 현재 문제를 해결하는 것이 좋습니다.