Question

我使用以下代码使用AngularJS的复选框重置表单字段。

<input type="text" ng-model="data.test" ng-disabled="data.check">

<input type="checkbox" 
ng-change="data.test = data.check ? '' : data.test"
ng-model="data.check" 
value="one">

我如何使用此代码重置多个表单字段？

谢谢，

约翰

Answer 1

将数据存储在另一个变量

中的单独数组和验证器中

class

一旦想要重置表单数据，就可以直接将空数组设置为表单数据数组

Answer 2

您可以使用$setPristine()重置字段状态。

HTML：

<form name="myForm">

    <input type="text" ng-model="data.test" ng-disabled="data.check">
    <input type="text" ng-model="data.test2" ng-disabled="data.check">
    <input type="checkbox" 
    ng-change="reset()"
    ng-model="data.check" 
    value="one">
</form>

JS：

$scope.resetForm = function() {
    $scope.data = {
        "test": "",
        "test2": ""
    };
    // 'myForm' is the name of the <form> tag.
    $scope.myForm.$setPristine();
}

使用AngularJS重置多个表单域

2 个答案: