AngularJS表單基本操作
更新時間：2017年01月09日 09:01:02 作者：Zerone1993
這篇文章主要為大家詳細介紹了AngularJS表單基本操作的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了AngularJS表單簡單操作代碼，供大家參考，具體內(nèi)容如下
HTML正文：
<div ng-app="myApp" ng-controller="myCtrl">
<!-- novalidate:當(dāng)提交表單時不對表單數(shù)據(jù)（輸入）進行驗證 -->
<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對象：深復(fù)制
};
//JS掃描腳本時會自動調(diào)用reset方法進行輸入框信息的初始化
$scope.reset();
});
效果：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
使用Angular CDK實現(xiàn)一個Service彈出Toast組件功能
本文主要寫用cdk實現(xiàn)一個簡單的Toast組件，使用的是cdk中的overlay模塊，需要手動安裝環(huán)境，具體安裝方法及相關(guān)實現(xiàn)代碼跟隨小編一起看看吧2021-07-07
這篇文章主要介紹了Angular簡單驗證功能,涉及AngularJS事件響應(yīng)、正則判定、頁面元素屬性動態(tài)修改等相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
Angular使用動態(tài)加載組件方法實現(xiàn)Dialog的示例
這篇文章主要介紹了Angular使用動態(tài)加載組件方法實現(xiàn)Dialog的示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
本篇文章主要介紹了AngularJS之$window窗口對象，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細介紹了angular4實現(xiàn)帶搜索的下拉框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
AngularJS2 與 D3.js集成實現(xiàn)自定義可視化的方法
本篇文章主要介紹了ANGULAR2 與 D3.js集成實現(xiàn)自定義可視化的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要為大家詳細介紹了angularjs路由傳值$routeParams的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
對Angular.js Controller如何進行單元測試
這篇文章主要給大家介紹了如何對Angular Controller進行單頁測試。如果你不太了解angular也沒關(guān)系，本文也會提及關(guān)于Angular的一些知識。文中通過示例代碼介紹的很詳細，詳細對大家的理解和學(xué)習(xí)很有幫助，下面來一起看看吧。2016-10-10
下面小編就為大家?guī)硪黄贏ngularJS的簡單使用詳解。小編覺得挺不錯的，現(xiàn)在就想給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
AngularJS基礎(chǔ)學(xué)習(xí)筆記之控制器
在AngularJS中，控制器是一個Javascript函數(shù)（類型/類），用來增強除了根作用域意外的作用域?qū)嵗?。?dāng)你或者AngularJS本身通過<code>scope.$new</code>倆創(chuàng)建一個新的子作用域?qū)ο髸r，有一個選項能讓你將它當(dāng)做參數(shù)傳遞給控制器。2015-05-05