| 标题 | AngularJS表单编辑提交功能实例 |
| 内容 | 这篇文章主要介绍了AngularJS表单编辑提交功能实例,本文讲解如何修改表单的默认值,需要的朋友可以参考下 研究了下高大上的AngularJS决定试试它的表单编辑提交功能，据说比JQuery强的不是一星半点。 好奇呀，试试吧。。。。。搞了好久，尼玛。。。靠。。靠。。靠。。尼玛 。。靠。。靠。。。。好吧，谁让我手欠呢。 模仿着我要搞了个AngularJS Form，但是问题来了。。。。 发现初始化时候ng-model 跟 input 标签里的 value 不默契，冲突。。 后来想再AngularJS controller 里预先赋值 $scope.formData = {‘name':'张三'}; 可以通过php程序把值赋到这个AngularJS controller里 代码如下: <!-- AngularJS controller --> <script> var formApp = angular.module('formApp', []); function formController($scope, $http) { $scope.formData = {'name':'张三','remark':'备注'}; $scope.myForm = function() { $http({ method : 'POST', url : '/role/edit', data : $.param($scope.formData), // pass in data as strings headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so angular passing info as form data (not request payload) }) .success(function(data) { console.log(data); if (!data.success) { } else { } }); }; } </script> <!--对应form里的input调整--> <input type="text" name="name" ng-model="formData.name" placeholder="Role Name"> 后来又搜啊搜 发现还有其他办法，这么个东东 ng-init=”formData.name='张三'” 代码如下: <input type="text" name="name" ng-model="formData.name" ng-init="formData.name='张三'" value=""> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。