AngularJS 包含HTML文件

时间:2022-05-24 04:02:19

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

首先创建两个文件,然后代码如下:

 <!DOCTYPE html>
<html>
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
<script src= "http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
<body ng-app="myApp" ng-controller="userCtrl"> <div class="container">
<div ng-include="'html1.html'"></div>
<div ng-include="'html2.html'"></div>
</div> <script src= "myUsers.js"></script> </body>
</html>