Question

如何在AngularJS中重置表单？

<form name="myform">
            <input id="Checkbox1" type="checkbox" name="one" ng-model="one" /> 1
            <input id="Checkbox2" type="checkbox" name="two" ng-model="two" />2
            <input id="Checkbox3" type="checkbox" name="three" ng-model="three" />3
            <input type="button" ng-click="myform.reset()" value="Reset"/>
</form>

上面的代码没有重置表单。有没有方法可以清除表格中的所有模型？

我希望以给定的形式清除所有模型。我的应用程序中有一个更大的表单，清除每个＆amp;每个模型都很复杂。

Answer 1

您必须在控制器中初始化表单数据

$scope.data = {};

然后在您的重置方法中，重置表单数据，如：

$scope.reset = function() { $scope.data = {}; }

而不是myForm.reset（），您必须调用范围的重置方法，如下所示：

<input type="button" ng-click="reset()" value="Reset"/>

另外，在你的html访问你的模型，如model.one，model.two，model.three。

Answer 2

我所知道的是，在每个字段中使用特定的型号名称。例如ng-model =＆＃34; model1.one＆＃34;，ng-model =＆＃34; model1.two＆＃34;，ng-model =＆＃34; model1.three＆＃34; .... 然后，在按钮的单击中，在您尊重的控制器中 - 清除您的模型范围 $ scope.model1 = {};

AngularJS - 重置形式清晰模型

2 个答案: