清除表单字段和保存角度JS细节 [英] Clearing the form fields and saving the details in angular JS
问题描述
我已经用角JS的简单形式。当用户输入他们的详细资料，并提交的值将被保存在控制台上，但即使值点击后仍保留在该领域的提交按钮。
我想保存在控制台各方面的细节现在需要明确的领域，一旦被点击提交按钮，这样可以进入下一个人的详细信息。所有的用户信息将被保存在控制台现在，让我们可以在以后retrive它
查看code：
＆LT; HTML LANG =ENNG-应用=person_info＆GT;
＆LT; HEAD＆GT;
＆LT;间的charset =UTF-8＆GT;
＆LT;标题＆GT;个人信息和LT; /标题＆GT;
＆LT; SCRIPT SRC =../ angular.min.js＆GT;＆LT; / SCRIPT＆GT;
＆所述; SCRIPT SRC =controller_class2.js＆GT;＆下; /脚本＆GT;
＆LT; /头＆GT;
＆LT;机身NG控制器=信息＆GT;
＆LT; DIV CLASS =形式＆GT;
名称：＆LT;输入类型=文本VALUE =名NG-模式=person.name＆GT; ＆LT; / BR＆GT;＆LT; / BR＆GT;
名字：＆LT;输入类型=文本VALUE =FNAMENG模型=person.firstname＆GT;＆LT; / BR＆GT;＆LT; / BR＆GT;
电话号码：其中;输入类型=文本VALUE =号NG模型=person.number＆GT;＆LT; / BR＆GT;＆LT; / BR＆GT;
电子邮件：＆LT;输入类型=电子邮件值=电子邮件NG-模式=person.email＆GT;＆LT; / BR＆GT;＆LT; / BR＆GT;
地址：＆LT;输入类型=文本VALUE =地址NG模型=person.address＆GT;＆LT; / BR＆GT;＆LT; / BR＆GT;
＆LT;输入类型=提交值=提交名称=提交NG点击=测试（）＆GT;
＆LT; / DIV＆GT; ＆LT; P＆GT;名称：{{person.name}}＆LT; / P＆GT;
＆所述p为H.; {{person.firstname}}＆下; / P＆GT;
＆所述p为H.; {{person.number}}＆下; / P＆GT;
＆所述p为H.; {{person.email}}＆下; / P＆GT;
＆所述p为H.; {{person.address}}＆下; / P＆GT; {{人| JSON}}
控制器code：
VAR person_info = angular.module（'person_info'，[]）;
person_info.controller（'信息'，函数（$范围）{
$ scope.test =功能（）{
的console.log（$ scope.person）;
}
}）;
下面是 PLUNKER您code的 ...
你应该使用 NG-点击而不是的onClick ...
I have created a simple form using angular js. When the user enter their details and submit it the values will be saved in console, but the values remains in the field even after clicking the submit button. I want to save details of various fields in console for now and need to clear the fields once the submit button is clicked so that the next person details can be entered. all the user details will be saved in console for now so that we can retrive it later
View code:
<html lang="en" ng-app="person_info">
<head>
<meta charset="utf-8">
<title>Person info</title>
<script src="../angular.min.js"></script>
<script src="controller_class2.js"></script>
</head>
<body ng-controller="info">
<div class="forms">
Name: <input type="text" value="name" ng-model="person.name"> </br></br>
First Name : <input type="text" value="fname" ng-model="person.firstname"></br></br>
Phone Number : <input type="text" value="number" ng-model="person.number"></br></br>
Email : <input type="email" value="email" ng-model="person.email"></br></br>
Address : <input type="text" value="address" ng-model="person.address"></br></br>
<input type="submit" value="submit" name="submit" ng-click="test()">
</div>
<p>Name : {{person.name}}</p>
<p>{{person.firstname}}</p>
<p>{{person.number}}</p>
<p>{{person.email}}</p>
<p>{{person.address}}</p>
{{ person | json }}
Controller code :
var person_info = angular.module('person_info', []);
person_info.controller('info', function($scope) {
$scope.test = function () {
console.log($scope.person);
}
});
Here is PLUNKER of your code...
you should use ng-click instead onClick...
这篇关于清除表单字段和保存角度JS细节的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
