多语言展示
当前在线:888今日阅读:113今日分享:31

如何利用AngularJS事件控制复选框显示其他页面

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指定的用法

推荐信息