이 같은 부트 스트랩 + jQuery를 사용하여 탭 탐색이 AngularJS와

Question

와 탭의 컨텐츠를 관리 :

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#tag1" data-toggle="tab">Tab1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Tab2</a></li> 
</ul> 

<div ng-app="app"> 
    <div class="tab-content"> 
     <div class="tab-pane active" id="tab1"></div> 
     <div class="tab-pane" id="tab2"></div> 
    </div> 
</div> 

가 지금은 각 각 창의 바로 컨텐츠를 관리하고자합니다. 이처럼

<div ng-app="app"> 
    <div class="tab-content"> 
     <div class="tab-pane active" id="tab1" ng-controller="Tab1Ctrl"></div> 
     <div class="tab-pane" id="tab2" ng-controller="Tab2Ctrl"></div> 
    </div> 
</div> 

각도로 가능합니까? 각 컨트롤러는 자체 템플릿을로드하고 데이터로 채워야합니다. 어떤 제안?

Answer 1

사용 NG는-포함

사용자가 탭을 선택

<ng-include src="pathTemplate1" ng-controller="Tab1Ctrl"></ng-include> 
<ng-include src="pathTemplate2" ng-controller="Tab2Ctrl"></ng-include> 

는, NG-클릭 핸들러를 사용하여 소스를 업데이트 : 나는 각-UI-라우터를 사용하는 것이 좋습니다

$scope.pathTemplate2 = "partials/tab2.html"; 

Answer 2

. 클래스 뷰 동작을 사용할 수있을뿐만 아니라 응용 프로그램 상태에 따라 탭에서 컨트롤러를 변경할 수 있습니다. 이것을보세요. here.