AngularJS表單基本操作

本文實例為大家分享了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表單基本操作

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯。

當前文章：AngularJS表單基本操作
分享地址：http://m.2m8n56k.cn/article42/gegjhc.html

成都網站建設公司_創新互聯，為您提供網站維護、電子商務、網站設計公司、網站設計、虛擬主機、移動網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

AngularJS表單基本操作