首页  >  文章  >  web前端  >  AngularJS表单编辑提交功能实例_AngularJS

AngularJS表单编辑提交功能实例_AngularJS

WBOY
WBOY原创
2016-05-16 16:14:011359浏览

研究了下高大上的AngularJS决定试试它的表单编辑提交功能,据说比JQuery强的不是一星半点。
好奇呀,试试吧。。。。。搞了好久,尼玛。。。靠。。靠。。靠。。尼玛 。。靠。。靠。。。。好吧,谁让我手欠呢。

搜索到了很多关于AngularJS Form的案例
如:

http://www.angularjs.cn/A08j

https://github.com/tiw/angularjs-tutorial

https://github.com/tiw/angularjs-tutorial/blob/master/ng-form.markdown

https://github.com/tiw/angularjs-tutorial/blob/master/ng-form2.markdown

模仿着我要搞了个AngularJS Form,但是问题来了。。。。
发现初始化时候ng-model 跟 input 标签里的 value 不默契,冲突。。
后来想再AngularJS controller 里预先赋值 $scope.formData = {‘name':'张三'};
可以通过php程序把值赋到这个AngularJS controller里

复制代码 代码如下:


<script><br /> var formApp = angular.module('formApp', []);<br /> function formController($scope, $http) {<br /> $scope.formData = {'name':'张三','remark':'备注'};<br /> $scope.myForm = function() {<br /> $http({<br /> method : 'POST',<br /> url : '/role/edit',<br /> data : $.param($scope.formData), // pass in data as strings<br /> headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so angular passing info as form data (not request payload)<br /> })<br /> .success(function(data) {<br /> console.log(data);<br /> if (!data.success) {<br /> } else {<br /> }<br /> });<br /> };<br /> }<br /> </script>


后来又搜啊搜 发现还有其他办法,这么个东东 ng-init=”formData.name='张三'”

复制代码 代码如下:


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn