각도 2의 복수 CRUD 구성 요소 : 라우팅 또는 상위 구성 요소

Question

다소 독립적 인 CRUD 구성 요소 인 여러 섹션이있는 응용 프로그램이 있습니다.
지금까지 내가이 문제를 접근하는 방법은 두 가지가 있습니다 알고 :

• 보기/편집을 처리 ngIfs와 부모/
• 를 사용하여 모든 부모 구성 요소의 출구 subrouting 어린이와 이동 라우터를 추가 되세요/section/edit,/section/view와 같은 것, 그리고 그렇지 않은 것.

제 질문은이 문제를 해결하는 가장 좋은 방법입니다. 한 번에 여러 섹션을 편집하는 것과 같은 작업을 사용자가 수행 할 수 있기 때문에 첫 번째 경향이 있지만 프로그래밍 방식으로 두 번째 섹션만큼 우아하지는 않습니다.

Answer 1

전체보기를 변경하려면 라우팅을 사용합니다. 예를 들어 사용자 세부 정보와 사용자 편집보기는 앱에서 매우 다르기 때문에 라우팅을 사용했습니다.

작은 재사용 가능한보기 섹션을 제어해야 할 때 하위 구성 요소를 사용합니다. 예를 들어 모든 사용자 목록에있는 사용자 카드, 게시판의 댓글 목록에있는 주석 div 또는 여러보기에서 사용되는 사이드 메뉴를 예로들 수 있습니다.

라우팅 할 때 고려해야 할 사항 : 라우팅을 사용하면 특정보기에 대한 링크를 공유하고 저장하고 앞뒤로 이동할 수 있습니다. 내 앱이 이제 여러 *ngIf 개의 제어 된 뷰를 라우트로 대체하려는 상태에 있기 때문에 이전에 내면화했으면 좋겠습니다. 예를 들어 고객이 다단계 양식을 작성하면 *ngIf="step==1", *ngIf="step==2"이보기를 제어합니다. 그러나 고객들은 브라우저 탐색 막대에서 Back을 누르게되면 이전 단계로 이동하게됩니다. 충분히 신중하게 계획하지 않았기 때문에 이전 경로로 이동합니다. 즉, 양식으로 돌아 가면 1 단계로 돌아갑니다.