本文實例為大家分享了AngularJS表單簡單操作代碼,供大家參考,具體內容如下
創新互聯主要從事做網站、成都網站設計、網頁設計、企業做網站、公司建網站等業務。立足成都服務羅城,十多年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:13518219792
HTML正文:
<div ng-app="myApp" ng-controller="myCtrl"> <!-- novalidate:當提交表單時不對表單數據(輸入)進行驗證 --> <form novalidate> First Name:<input type="text" ng-model="user.firstName"><br> Last Name:<input type="text" ng-model="user.lastName"> <br><br> <button ng-click="reset()">RESET</button> </form> <p>form = {{user }}</p> <p><font color="red">initInfo = {{initInfo}}</font></p> </div>
Javascript操作代碼:
var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.initInfo = {firstName:"squirrel", lastName:"Python"}; $scope.reset = function() { $scope.user = angular.copy($scope.initInfo); // user對象等于master對象:深復制 }; //JS掃描腳本時會自動調用reset方法進行輸入框信息的初始化 $scope.reset(); });
效果:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創新互聯。
當前文章:AngularJS表單基本操作
分享地址:http://m.newbst.com/article42/gegjhc.html
成都網站建設公司_創新互聯,為您提供網站維護、電子商務、網站設計公司、網站設計、虛擬主機、移動網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯