$setPristine() 不起作用. [英] $setPristine() not working.
问题描述
**** 注意我删掉了我的一些其他功能,以便可以更快地阅读代码.我无法清除表格.当我单击具有取消功能的按钮时.我以为我可以设置默认表单,但这没什么区别.
**** Note I cut out some of my other functions so that the code could be read through faster. I cannot clear the form. when i click the button with the cancel function. I thought I could set a default form, but this doesn't make a difference.
<form name="myForm" novalidate ng-submit="submit()">
<table class="mealCost">
<!-- descriptions -->
<tr>
<td> Base Meal Price: </td>
<td><input type="number" name="price" ng-model="mealPrice" required></td>
</tr>
<!-- waiter puts in the info -->
<tr>
<td> Tax Rate: % </td>
<td><input type="number" step="0.01" name="tax" ng-model="mealTax" required></td>
</tr>
<tr>
<td> Tip Percentage: % </td>
<td><input type="number" name="tip" step="0.01" ng-model="tipPercent" required></td>
</tr>
</table>
<p class="userResponse">
<input type="submit" value="Submit">
<!-- <input id="cancel" type="submit" value="Cancel" ng-submit="cancel(original)"> -->
<button ng-click="cancel()">Start Over</button>
</p>
</form>
这是我的 javascript 我正在尝试使用带有 ng-click 的按钮命令将我的表单设置为 $setPristine.我认为设置默认表单会有所帮助,但提交时没有任何反应
Here is my javascript I am trying to set my form to $setPristine using the button command wiht ng-click. I though that setting a default form would help but nothing happens on submit
var app = angular.module('myApp',[]).
controller('costController', function($scope) {
// $scope.ready= false;
$scope.mealPrice ="" ;
$scope.mealTax = 0.05;
$scope.tipPercent =0.05;
// possibly could do
var defaultForm={
price: "",
tax: "",
tip:""
}
$scope.cancel = function() {
$scope.myForm.$setPristine();
$scope.user = angular.copy(defaultForm);
console.log('empty');
}
推荐答案
我认为你用错了.
$setPristine:
$setPristine:
可以调用此方法来删除 'ng-dirty' 类并将表单设置为其原始状态(ng-pristine 类).此方法还将传播到此表单中包含的所有控件."
"This method can be called to remove the 'ng-dirty' class and set the form to its pristine state (ng-pristine class). This method will also propagate to all the controls contained in this form."
所以这只会清除类而不是 $scope 变量.您确实重置了 $scope.user 变量,可以说:
So this only clears classes but not the $scope variables. You do reset a $scope.user variable, could say:
添加用户".在 Html 中的每个模型前面
ng-model="user.tipPercent"
ng-model="user.mealTax"
ng-model="user.mealPrice"
并在您的 JS 中替换它:
And replace this in your JS:
// $scope.ready= false;
$scope.mealPrice ="" ;
$scope.mealTax = 0.05;
$scope.tipPercent =0.05;
// possibly could do
var defaultForm={
price: "",
tax: "",
tip:""
}
$scope.cancel = function() {
$scope.myForm.$setPristine();
$scope.user = angular.copy(defaultForm);
console.log('empty');
}
为此:
var defaultForm = {
mealPrice : "",
mealTax : 0.05,
tipPercent : 0.05
}
$scope.user = angular.copy(defaultForm);
$scope.cancel = function () {
$scope.myForm.$setPristine();
$scope.user = angular.copy(defaultForm);
console.log('empty');
}
这篇关于$setPristine() 不起作用.的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!