在新標籤頁

Question

我提出以簡單的方式我的問題如下

角部分有一個index.html作爲下面

Index.html 
<script src="js/libs/jquery/jquery.js"></script> <!--JQuery library--> 
<script src="js/libs/angularjs/angular.js"></script> 
<script src="js/libs/angularjs/app.js"></script> 


{{title}}<br> 

<ng-include src="'document.html'"></ng-include><br> 
<a href="document.html" target="_blank">newPage</a> 

我app.js如下

angular.module('myApp',[]) 

.controller('myController',function($scope){ 
    //array to store the items 
    $scope.title = "This is a test message"; 
    $scope.secondPage = "this is the second page" 
}); 

的document.html是如下

<div ng-controller="myController"> 
{{secondPage}} 
</div> 

我需要在新頁面中運行document.html，但很明顯，因爲document.html沒有angular.js的導入腳本，所以app.js不會呈現。但是，如果我確實在document.html中放置了腳本語句，index.html中將會有多個導入。我如何解決這個問題？ Require.js不會解決這個問題。 一個解決問題糟糕的方式將導入document.html文本和去除進口語句。（糟糟的方式！）

Answer 1

類似的新窗口揭幕戰的index.html

創建新頁面

所以，你的代碼將是這樣的：

的Index.html

<script src="js/libs/jquery/jquery.js"></script> <!--JQuery library--> 
<script src="js/libs/angularjs/angular.js"></script> 
<script src="js/libs/angularjs/app.js"></script> 

{{title}}<br> 

<ng-include src="'document.html'"></ng-include><br> 
<a href="documentwindow.html" target="_blank">newPage</a> 

documentwindow.html

<script src="js/libs/jquery/jquery.js"></script> <!--JQuery library--> 
<script src="js/libs/angularjs/angular.js"></script> 
<script src="js/libs/angularjs/app.js"></script> 

{{title}}<br> 

<ng-include src="'document.html'"></ng-include><br> 

希望這適合你