複数のフォームフィールドをAngularJSでリセットする

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

ストアのデータを使用して、フォームデータをリセットしたいたら、空の配列セットをデータ配列の形に直接割り当てることができます

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：別の変数

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

<input type="checkbox" ng-change="data = clear.check ? {} : data" 
ng-model="clear.check" value="one"> 

で別の配列とバリで

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