AngularJS表單編輯提交功能實例

    這篇文章主要介紹了AngularJS表單編輯提交功能實例,本文講解如何修改表單的默認值,需要的朋友可以參考下
    研究了下高大上的AngularJS決定試試它的表單編輯提交功能，據(jù)說比JQuery強的不是一星半點。
    好奇呀，試試吧。。。。。搞了好久，尼瑪。。?？?。。靠。?？?。。尼瑪 。?？?。?？俊?。。。好吧，誰讓我手欠呢。
    模仿著我要搞了個AngularJS Form，但是問題來了。。。。
    發(fā)現(xiàn)初始化時候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調(diào)整-->
    <input type="text" name="name" ng-model="formData.name" placeholder="Role Name">
    后來又搜啊搜 發(fā)現(xiàn)還有其他辦法，這么個東東 ng-init=”formData.name='張三'”
    代碼如下:
    <input type="text" name="name" ng-model="formData.name" ng-init="formData.name='張三'" value="">