AngularJS表單編輯提交功能實例_AngularJS

研究了下高大上的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() request paysload             })<br />                 .success(function(data) {<br />                     console.log(data);<br />                     if (!data.success) {<br />                     } else {<br />                     }<br />                 });<br />         };<br />     }<br /> </script>

後來又搜啊搜 發現還有其他辦法，這麼個東東 ng-init=”formData.name='張三'”

複製程式碼 程式碼如下: