Angular 라우팅 질문 드립니다..ㅜㅜ

Question

안녕하세요.!! Angular 라우팅 관련해서 질문좀 드리고싶어서 글 작성합니다.<구조 예시>http://localhost:4200/depth1/depth2/depth3 위 구조로 만들 예정인데.. 기존에는 최상단 app.router에다const routes: Routes &#61; [ {path: 'depth1/depth2/depth3', component: depth3} ]; 위와같이 쓰고있는데 라우터를 나눠서 depth1라우터 -> depth2라우터 -> depth3라우터 -> depth3 출력물로 쓰고싶습니다.. 구글링도 해보고.. 했는데 도저히ㅜㅜ 살짝의 조언이라도 부탁드려봅니다..

nolu · Accepted Answer

또 다른 router를 import해서 children에 넣을 수는 없을까요?혹은 loadChildren으로 모듈을 import 해도 될 것 같구요

nolu · Answer

원하시는게 children이 맞을지 모르겠네요https://angular.io/guide/router#child-routing-component

코코88 · Answer

구조는 children이 맞습니다.다만 하나의 router사용만 하니.. 라우팅 페이지가 너무 길어져폴더 구조체마다 router를 각각 추가를 해서root router -> children router -> children router -> view 형식으로 변경 할 예정인데 잘 안되네요.. ㅜㅜnole님 답변 감사합니다.. 혹시 다른의견 있으시면 답글 부탁드립니다.바쁘신 시간 내셔서 답변 달아주셔서 감사합니다.

코코88 · Answer

네..맞아요.. 또 다른 router를 import해서 넣을 생각이였는데 다른 라우터를.. 최상위 라우터에 추가가안되고있는 상황이라서요 ㅜㅠ.. 너무 답답하네요..

코코88 · Answer

해결 완료.ng g m <자식명> --route <자식명> --module <부모 모듈 명> 결론 nole님 말씀대로 loadChildren으로 모듈을 import하는 방법이 맞습니다.수동으로 하기 힘들다면 위 ng 명령어로 이용시 편하게 추가 되는것을 확인하였습니다. 답변 달아주셔서 너무 감사합니다 ^^*

Angular 라우팅 질문 드립니다..ㅜㅜ

5개의 답변

Q&A 목록