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

WBOY
Lepaskan: 2016-05-16 16:14:01
asal
1328 orang telah melayarinya

研究了下高大上的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='张三'”

复制代码 代码如下:


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!