angular ng-include 指令的使用
ng-include 指令用于包含外部的 HTML 文件。 包含的内容将作为指定元素的子节点。 ng-include 属性的值可以是一个表达式,返回一个文件名。 默认情况下,包含的文件需要包含在同一个域名下。
下面给出一个例子具体分析一下,是如何实现这一过程的:
页面首页:
document 我是body内容
头部分离:
底部分离:
注意:很坑的一个地方是,<div ng-include="'include/main_footer.html'"></div> 引入文件直接双引包含是不会成功的,文件的名称必须还需要''包含
上面的例子是不是特别简单啊,这就是AngularJS的强大之处。