각도 2/4 : 내 앱 구성 요소에서</p> <pre><code>RouterModule.forRoot([ { path: 'login', component: LoginComponent }, { path: 'home', component: HomeComponent }, ]) </code></pre> <p>라우팅 라우팅

Question

작동하지 않습니다 내가 가진 this.router.navigate ([ '집']); 홈 구성 요소로 이동하지 않습니다. 내가 페이지를 로그인 라우팅 할 때

는 내 왼쪽 탐색 메뉴도 표시됩니다.

내 app.component.ts

<div class='container-fluid'> 
    <div class='row'> 

     <div class='col-sm-3'> 
      <nav-menu></nav-menu> 
     </div> 

     <div class='col-sm-9 body-content'> 
      <router-outlet> 
       <input style="float:right" placeholder="Search" autofocus> 
      </router-outlet> 
     </div> 

    </div> 
</div> 

Answer 1

이 오류는 offently이 하나입니다.

다른 많은 모듈이로드되기 전에 이미 하나의 빈 경로가 정의되어 있으므로 라우터가 모듈에 경로를 지정하지 않습니다. (모듈을 가져온 순서). 이 모듈을 게으른로드하는 경우 다른 게으른로드 된 모듈의 순서를 확인한 다음 RoutingModule을 모듈에 배치하는 순서를 확인하십시오 (여기에서 순서가 중요합니다). 첫 번째 경로 일치 URL을 넣으려는 각도의 문서 의사 조언. 이와

Answer 2

시도 :

import { LoginComponent } form ... 
import { HomeComponent } from .. 

export const routing = RouterModule.forRoot([ 
    { path: 'login', component: LoginComponent }, 
    { path: 'home', component: HomeComponent } 
]); 

//And Finaly in app.module.ts 
//include the constant like this 
import { routing } from './app.routing'; 

app.routing.ts로

라는 이름의 새 파일을 만듭니다 .....

@NgModule({ 
    imports: [routing] 
});