欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS表單編輯提交功能實例

 更新時間:2015年02月13日 11:49:43   投稿:junjie  
這篇文章主要介紹了AngularJS表單編輯提交功能實例,本文講解如何修改表單的默認值,需要的朋友可以參考下

研究了下高大上的AngularJS決定試試它的表單編輯提交功能,據(jù)說比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,但是問題來了。。。。
發(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" class="form-control" placeholder="Role Name">

后來又搜啊搜 發(fā)現(xiàn)還有其他辦法,這么個東東 ng-init=”formData.name='張三'”

復制代碼 代碼如下:

<input type="text" name="name" ng-model="formData.name" ng-init="formData.name='張三'" value="">

相關文章

  • Angular Module聲明和獲取重載實例代碼

    Angular Module聲明和獲取重載實例代碼

    這篇文章主要介紹了Angular Module聲明和獲取重載實例代碼的相關資料,需要的朋友可以參考下
    2016-09-09
  • 利用Angular2 + Ionic3開發(fā)IOS應用實例教程

    利用Angular2 + Ionic3開發(fā)IOS應用實例教程

    這篇文章主要給大家介紹了關于利用Angular2 + Ionic3開發(fā)IOS應用的相關資料,文中通過示例代碼和圖文介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。
    2018-01-01
  • AngularJS表單提交實例詳解

    AngularJS表單提交實例詳解

    這篇文章主要介紹了AngularJS表單提交的方法,結(jié)合完整實例形式分析了AngularJS表單提交過程中的數(shù)據(jù)綁定、模塊、控制器等相關操作技巧,需要的朋友可以參考下
    2017-02-02
  • angular 數(shù)據(jù)綁定之[]和{{}}的區(qū)別

    angular 數(shù)據(jù)綁定之[]和{{}}的區(qū)別

    這篇文章主要介紹了angular 數(shù)據(jù)綁定之[]和{{}}的區(qū)別,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • Angular.JS通過指令操作DOM的方法

    Angular.JS通過指令操作DOM的方法

    這篇文章主要給大家介紹了Angular.JS通過指令操作DOM的方法,文中給出了詳細的介紹和示例代碼,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧。
    2017-05-05
  • Angular中使用ui router實現(xiàn)系統(tǒng)權限控制及開發(fā)遇到問題

    Angular中使用ui router實現(xiàn)系統(tǒng)權限控制及開發(fā)遇到問題

    這篇文章主要介紹了Angular中使用ui router實現(xiàn)系統(tǒng)權限控制及開發(fā)遇到問題的相關資料,本文分步驟介紹的非常詳細,具有參考借鑒價值,需要的朋友可以參考下
    2016-09-09
  • 使用AngularJS創(chuàng)建單頁應用的編程指引

    使用AngularJS創(chuàng)建單頁應用的編程指引

    這篇文章主要介紹了使用AngularJS創(chuàng)建單頁應用的編程指引,AngularJS是一款高人氣的JavaScript庫,需要的朋友可以參考下
    2015-06-06
  • 詳解AngularJS中的http攔截

    詳解AngularJS中的http攔截

    這篇文章主要為大家詳細介紹了AngularJS中的http攔截,$http服務允許我們與服務端交互,有時候我們希望在發(fā)出請求之前以及收到響應之后做些事情。即http攔截,需要的朋友可以參考下
    2016-02-02
  • 詳解AngularJS臟檢查機制及$timeout的妙用

    詳解AngularJS臟檢查機制及$timeout的妙用

    本篇文章主要介紹了詳解AngularJS臟檢查機制及$timeout的妙用,“臟檢查”是Angular中的核心機制之一,它是實現(xiàn)雙向綁定、MVVM模式的重要基礎,有興趣的可以了解一下
    2017-06-06
  • AngularJs Managing Service Dependencies詳解

    AngularJs Managing Service Dependencies詳解

    本站主要介紹AngularJs Managing Service Dependencies的知識資料,這里整理相關知識,及簡單示例代碼,有興趣的小伙伴可以參考下
    2016-09-09

最新評論