각 탭에 대해 별도의 컨트롤러가있는 각도 UI 탭

Question

IT 자체 컨트롤러를 갖는 각 탭으로 부트 스트랩 탭셋을 만들고 싶습니다.누구든지 내가 어떤 방향으로 가야 하는지를 지적 할 수 있습니까?

현재 다른 경로로 표시되는 대신 TabSet에서 사용하고자하는 여러 차이 컨트롤러를 만들었습니다.

주어진 컨트롤러 탭을 활성으로 표시하는 차이 컨트롤러 템플리트에 탭 세트가 있음을 알고 있지만 여러 하위 컨트롤러 (각 탭에 대해)

Answer 1

Angular UI 라우터를 사용하는 경우 중첩 된 상태를 사용 하여이 작업을 수행 할 수 있습니다.

• 탭과 중첩 된 UI-View
를 포함하는보기가있는 추상 상태를 만듭니다.
• 초록 상태에서 상속 된 각 탭 각각에 대해 자식 상태를 만듭니다.

• 각 자식 상태는 중첩 된 UI-보기의 내용을 설정하고 컨트롤러를 정의 할 수 있습니다

   $stateProvider.state( 'tabs', {
      abstract: true,
          url: 'tabs',
          views: {
            "tabs": {
              controller: 'TabsCtrl',
              templateUrl: 'tabs.html'
            }
          }
        })
        .state('tabs.tab1', {
            url: '',  //make this the default tab
            views: {
            "tabContent": {
              controller: 'Tab1Ctrl',
              templateUrl: 'tab1.html'
            }
          }
        })
        .state('tabs.tab2', {
            url: '/tab2',
            views: {
            "tabContent": {
              controller: 'Tab2Ctrl',
              templateUrl: 'tab2.html'
            }
          }
        });
  

Answer 2

왜 자체 컨트롤러가있는 각 탭에 지시문을 넣지 않는 이유는 무엇입니까?1.x를 사용하는 경우.지시문이 아닌 코드를 탭으로 구분하십시오