//隐藏 默认为隐藏
<input type="button" value="添加" ng-click="xianshi()"/>
//隐藏的添加的用户表单
| <fieldset ng-show="xs"> | |
| <legend>添加用户信息</legend> | |
| 姓名:<input type="text" ng-model="name1"/><br> | |
| 年龄:<input type="text" ng-model="age1"/><br> | |
| 拼音:<input type="text" ng-model="pin1"/><br> | |
| 职位:<input type="text" ng-model="zhiwei1"/><br> | |
| <input type="button" value="保存" ng-click="add()"/> | |
| </fieldset> |
//angukar代码
| //控制显示/隐藏 | |
| $scope.xianshi = function(){ | |
| $scope.xs = true; | |
| } | |
| //保存 | |
| $scope.add = function(){ | |
| //创建对象 | |
| var obj = { | |
| "name": $scope.name1, | |
| "age": $scope.age1, | |
| "pin": $scope.pin1, | |
| "zhiwei": $scope.zhiwei1 | |
| }; | |
| $scope.persons.push(obj); | |
| //隐藏掉 | |
| $scope.xs = false; | |
| } |
本文介绍了一个使用AngularJS实现的用户表单案例,包括如何通过按钮控制表单的显示与隐藏,以及如何收集表单数据并将其保存到数组中。
518

被折叠的 条评论
为什么被折叠?



