管理與angularjs

Question

標籤內容我已經使用引導+ jquery的這樣的標籤導航：

<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-click處理更新源：

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

Answer 2

我建議使用角-UI-路由器。不僅可以利用分類視圖行爲，還可以根據應用程序狀態更改選項卡上的控制器。 看看這個here。