AngularJS 包含HTML文件

最新推荐文章于 2021-06-18 11:14:23 发布

weixin_30790841

最新推荐文章于 2021-06-18 11:14:23 发布

阅读量145

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：http://www.cnblogs.com/jlj9520/p/5028030.html

类似于python tornado的include方法，同样是可以在一个html文件中加载另外一个html文件，这样可以不用重复的写一些几乎不改变的代码。

首先创建两个文件，然后代码如下：

 1 <!DOCTYPE html>
 2 <html>
 3 <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
 4 <script src= "http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
 5 <body ng-app="myApp" ng-controller="userCtrl">
 6 
 7 <div class="container">
 8   <div ng-include="'html1.html'"></div>
 9   <div ng-include="'html2.html'"></div>
10 </div>
11 
12 <script src= "myUsers.js"></script>
13 
14 </body>
15 </html>
16