ng-include 指令用于包含外部的 HTML 文件。
包含的内容将作为指定元素的子节点。
ng-include 属性的值可以是一个表达式,返回一个文件名。
默认情况下,包含的文件需要包含在同一个域名下。
注意引用文件名要加单引号 即 ng-include=" ‘index.html ’ "
加载仅仅只加载静态页面,并不会载入js,所以要事先在主页面加载js文件,这样就意味着要在一个js文件中书写大量的不同子页面的代码,可以通过不同的控制域来区分不同的子页面,以此来简洁代码。
也可以使用多个js文件,创建附属js文件。
具体细节
子页面的js文件:
vara=angular.module(“main”);
与主页面module相同,后边不要写[]
子页面html文件:
删掉head与body标签,仅留下div标签,并在顶层div设置控制域。
在主页面中引入子页面js文件