AngularJS - 重置窗體清除模型

如何重置AngularJS窗體？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>

上述代碼不會重置表單。有什麼方法可以清除表單中的所有模型？

我想清除給定表單中的所有模型。我的應用程序中有一個更大的表格，清除每個模型看起來很複雜的每個&。

來源

2014-07-01 Anup

我知道的是，在每個字段中使用特定的型號名稱。如ng-model =「model1.one」，ng-model =「model1.two」，ng-model =「model1.three」.... 然後，在按鈕的單擊中，在您認可的控制器中，清除您的範圍模型如 $ scope.model1 = {};

來源

2014-07-01 11:56:10 micronyks

您必須在您的控制器初始化表單數據

$scope.data = {};

，然後在復位法，復位等形式的數據：

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

相反myForm.reset的（），你將不得不打電話給你的示波器的重置方法，如：

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

此外，在你的html訪問你的mo del像model.one，model.two，model.three。

來源

2014-07-01 11:58:12

AngularJS - 重置窗體清除模型

回答

相關問題