我使用 angular js 创建了一个简单的表单。当用户输入他们的详细信息并提交时，值将保存在控制台中，但即使在单击提交按钮后，这些值仍保留在字段中。 我现在想在控制台中保存各个字段的详细信息，并且需要在单击提交按钮后清除这些字段，以便可以输入下一个人的详细信息。所有用户详细信息现在都将保存在控制台中，以便我们稍后可以检索它
查看代码:
<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 代码:
var person_info = angular.module('person_info', []);
person_info.controller('info', function($scope) {
$scope.test = function () {
console.log($scope.person);
}
});
最佳答案
这里是 PLUNKER你的代码...
你应该使用 ng-click 而不是 onClick...
关于javascript - 清除表单字段并在 Angular JS 中保存详细信息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22526541/