AngularJS와 : 탭보기 디자인 문제

Question

[편집] 지금 현재로 Complex nesting of partials and templates

-

비슷한 질문이 각도 - UI 상태 솔루션을 사용하는 것이 좋습니다 또는 내가 NG가-포함 고수해야 하는가?

---

지금까지 AngularJS 애플리케이션에서 URL 당 하나의보기가있었습니다. 나는 3 개의 탭을 가져야하는 새로운 뷰를 구축해야하며 뷰를 설계 할 방법을 알아 내려고 애쓰는 데 어려움을 겪고 있습니다.

이 세 개의 탭 뒤에있는 비즈니스 모델 개체는 같은 것을 유의하십시오.

첫 번째 탭은 비즈니스 오브젝트에서 데이터를보고 편집하기위한 것입니다. 첫 번째 탭에는 이미 두 개의 '보기'가 있습니다.

두 번째 탭은 비즈니스 오브젝트의 하위 콜렉션에서 데이터를 표시하는 페이지 테이블을보기위한 것입니다.

세 번째 탭은 두 번째 탭과 동일한 작업을하지만 다른 하위 컬렉션은 동일한 작업을 수행합니다.

당연히 전체 비즈니스 개체를 한 번에로드하고 싶지는 않습니다. 사용자가 두 번째 또는 세 번째 탭으로 이동 한 경우에만 모음을로드합니다.

내 관심사는 지금 어떻게 내가보기를 구성 할 것인가? AngularJS는 한 페이지 당보기 만이 제한 사항을 가지고 있습니다.

또한 브라우저 기록을 처리해야하므로 탭을 선택하면 URL이 변경되어야하지만 데이터를 다시로드해야합니다 (예 : 컨트롤러를 다시로드하지 않아야 함).

팁을 주시면 감사하겠습니다.

Answer 1

기록을 위해, 나는 ui-router와 상태 관리를 사용하여 끝내 었습니다. 이것은 굉장합니다. 개념을 이해하고 실제로 적용하는 데는 다소 시간이 걸렸지 만 여유롭게 복잡한 레이아웃 세트를 만들었습니다!