2

저는 AngularJs를 처음 사용합니다. 저는 Angular Routing Concept에서 일하고 있습니다. 라우팅에 대해 많은 제안 사항과 예제를 사용할 수 있으며이를 연구 중입니다. 그러나 그것은 나의 요구를 성취하지 못한다. header, footer 및 ng-view가있는 JSP 페이지에서 하나의 Parent 컨트롤러를 디자인하고 싶습니다. ng-view에서 두 탭 (Tab1.html 및 Tab2.html)이 표시되어야합니다. 상위 컨트롤러는 현재 활성화 된 탭을 선택해야합니다.이 경우 중요하며이 작업을 수행하는 방법을 모릅니다. 탭 1과 탭 2에는 별도의 하위 컨트롤러가있는 각 html 페이지가 있습니다.AngularJs : 경로 공급자 탭?

부트 스트랩 탭을 ng-view 섹션에 삽입하지 않는 이유는 각 탭 위에 다른보기가 있어야한다는 것입니다. 예를 들어 tab1이 활성 상태 인 경우 button1이 활성화되고 label1이 tab1 위에 표시되어야합니다. tab2가 활성화되어 있다면, button2, label2가 tab2 위에 표시되어야합니다. 그러므로 ng-view에 표시해야하는 html 페이지 모두에 대해 Bootstrap 탭을 사용하는 것이 좋습니다. 내가 명확하게 설명 모른다

enter image description here

, 내 요구 사항을 충족 몇 가지 템플릿을 저를 제안 해주십시오.

답변

0

Angular UI Router 아주 잘 처리 미리

감사합니다. UI 라우터를 사용하여 Here's a good intro에게.

기본적으로 머리글과 바닥 글을 제어하는 ​​전체 페이지와 ui-view (ng-view를 대체)를 나타내는 최상위 상태가 있습니다. 탭 (상태) 중 어느 것이 활성 상태인지에 따라 표시되는 내용을 제어하는 ​​최상위 상태의 두 개의 하위 상태가 있습니다. 각 상태에는 고유 한 컨트롤러 및보기가 있습니다. 즉, 모두 별도로 유지 관리 할 수 ​​있으며 매우 쉽게 클릭되는 상태를 기반으로 헤더의 단추를 변경할 수 있습니다.