AngularJS和Bootstrap框架结合起来使用，Bootstrap设置form表单样式，AngularJS控制form表单逻辑。下面利用一个实例说明AngularJS框架实现form表单提交和重置功能，操作如下：
工具/原料
1
AngularJS
2
Bootstrap
3
HBuilder
4
截图工具
5
浏览器
方法/步骤
1
第一步，创建静态页面ng.html，并引入Bootstrap框架和AngularJS框架相关的js文件和css文件，如下图所示：
2
第二步，在body里插入div标签元素，并设置ng-app和ng-controller指令，如下图所示：
3
第三步，在div标签元素内添加form表单元素，有用户名、密码、姓名、性别和年龄，还有提交和取消按钮，如下图所示：
4
第四步，编写用户名、密码、姓名、性别和年龄默认数据绑定，如下图所示：
5
第五步，编写提交按钮点击事件，获取form表单元素值，并打印出来，如下图所示：
6
第六步，获取表单对象，单击取消按钮，清空表单元素值，如下图所示：
注意事项
1
注意获取所有表单对象
2
注意获取表单对象值和清空表单对象值
上一篇：患有儿童自闭症的孩子该怎么照顾
下一篇：【校园指南】武夷学院之上课占座篇