国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJS表單基本操作

2019-11-19 18:04:37
字體:
來源:轉載
供稿:網友

本文實例為大家分享了AngularJS表單簡單操作代碼,供大家參考,具體內容如下

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();});

效果:

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 嘉善县| 高邑县| 四平市| 长海县| 耒阳市| 西乌珠穆沁旗| 蒲江县| 凌源市| 建平县| 苍山县| 壤塘县| 德钦县| 镇宁| 岳普湖县| 塘沽区| 基隆市| 绥德县| 巫山县| 华亭县| 玉龙| 尚志市| 尼玛县| 抚远县| 曲阜市| 潞城市| 青阳县| 武宁县| 揭东县| 旬邑县| 安新县| 海林市| 大同县| 托克逊县| 英德市| 鹿邑县| 荥阳市| 商城县| 连南| 唐山市| 连南| 桑日县|