AngularJS是一个MVC JavaScript框架,它自带了很多指定,有语句判断、循环操作、页面嵌入等等。下面利用一个实例说明ng-include的用法,操作如下:
工具/原料
1
AngularJS
2
HBuilder
3
浏览器
4
截图工具
方法/步骤
1
第一步,打开HBuilder软件工具,新建静态页面check.html,并引入AngularJS核心js和Bootstrap css文件,如下图所示:
2
第二步,在
插入div和h1元素,设置它们的样式,如下图所示:3
第三步,再次插入div和input复选框,复选框绑定ng-model,如下图所示:
4
第四步,编写模型和控制器关键代码,绑定数据源,如下图所示:
5
第五步,插入ng-include指令,并设置其src和onload事件,如下图所示:
6
第六步,编写完毕后,在浏览器中预览该静态页面,如下图所示:
注意事项
1
注意AngularJS 复选框事件
2
注意AngularJS ng-include指定的用法