利用AngularJS中ng-include实现加载外部HTML文件并执行js

我试验过,直接使用异步通信加载的html文件,虽然可以显示静态页面,但是页面内的js却无法加载(当然也有办法加载,只是太麻烦了),但是现在有了AngularJS 我们纠结就可以直接加载html和里面的js代码了

实现起来特别简单:

   * 第一步先引入AngularJS的js文件、

   * 第二步在body处设置一个ng-app,

   * 第三步就是设置一个ng-include在一个div中。

下面给出一个例子具体分析一下,是如何实现这一过程的:

新建 index.html文件




网站


我是body内容

新建 main_footer.html 文件

注意,AngularJS引入的html文件只能加载script标签内的代码。被引入的html 内如果有加载外部js的话是不会执行的

 利用AngularJS中ng-include实现加载外部HTML文件并执行js_第1张图片

你可能感兴趣的:(AngularJS)