在新标签页

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> 

希望这适合你