角 - 最佳的方式來加載內標籤的內容的HTML頁面

Question

我有一個master.html頁，並在每個標籤不同tab*.html網頁獲得加載多個標籤。頁面越來越加載內部標籤的內容有angularjs code

現在這裏問題是當我加載tab*.html分開按預期工作。這裏Plunker for single page

然而，當我裏面加載選項卡的內容相同的代碼，它不工作。這裏Plunker with tabs

任何想法如何解決這個問題？

Answer 1

我將腳本從home.html移到index.html，並從home.html中移除了ng-app。

<script> 

     app = angular.module('ui.bootstrap.demo', ['ui.bootstrap']); 
     angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl', function ($scope, $window) { 
      $scope.tabs = [ 
       { title:'Home', content:'home content', url:'home.html' }, 
       { title:'Manage Users', content:'Manage Users content', url:'manageUsers.html'}, 
       { title:'Manage Configuration', content:'Manage Configuration content', url:'manageConfiguration.html'}, 
       { title:'Manage Server', content:'Manage Server content' , url:'manageServer.html'}, 
       { title:'Manage Audit', content:'Manage Audit content', url:'manageAudit.html'}, 
      ]; 
     }); 
     app.controller('personCtrl', function($scope) { 
     $scope.firstName = "John", 
     $scope.lastName = "Doe" 
     $scope.myVar = false; 
     $scope.toggle = function() { 
      $scope.myVar = !$scope.myVar; 
      } 
     }); 
    </script> 

對不起，我以前的愚蠢答案。

Updated & Working Plunker