フォーム名がないときにAngularJSのフォームをクリアする方法

Question

Angularで$ setPristine（）と$ setUntouched（）関数を使用してフォームフィールドをクリアします。しかし、それらは名前を持つフォームでしか動作しないようです。名前がなく、単純なサブミット機能しか持たないフォームを持っているとどうなりますか？

私はここにドキュメントを読んで：https://docs.angularjs.org/api/ng/type/form.FormController

これは動作しません：

$scope.currentRecord={}; 

Answer 1

角度： "この" ではなく "この"

試してみるの

$scope.submit = function() { 

     // blah blah 

     // Resets the form fields to blank 
     // I could simply do 
     // $scope.field1 = ''; 
     // $scope.field2 = ''; 
     // But I want it to look cleaner 

     This.$setPristine(); 
     This.$setUntouched(); 

    }; 

Answer 2

使用をフォーム名がuであるため、名前付きフォームの場合のみFormControllerのインスタンスが作成されますスコープ上の特定のフォームのFormControllerインスタンスを表すプロパティとしてsedを使用します。名前がなくても、スコープの任意のプロパティ名にFormControllerインスタンスを関連付けることはできません。次のマークアップあなたのMyControllerで

<div ng-controller="MyController"> 

    <form name="myForm" id="myForm" ng-submit="handleSubmit()"> 
     /* Some Markup */ 
    </form> 

</div> 

与え例えば

、$scopeはFormControllerインスタンスを表すmyFormと呼ばれる性質を持って、あなたは以下のような方法やアクセスプロパティを呼び出すことができます。

$scope.myForm.$valid 
$scope.myForm.$setPristine(); 
$scope.myForm.$setUntouched(); 

setPristine()とsetUntouched()を呼び出すと、唯一のフォームに追加されたクラスから明らかなようにdirtyからpristineとuntouchedにフォームの状態を変更しますが、フォームフィールドをリセットしません。 FormControllerに公開されている公開方法はありませんが、フォームフィールドと対応するモデル値をリセットしますが、ng-modelを使用して値をバインドする方法を少し変更するだけで簡単に実現できます。モデルでドット（。）を使用すると、単一のオブジェクト内のすべてのフォーム状態を取得できるようになり、シャドウプロパティを作成できなくなります。あなたのHTMLで

、お使いのコントローラで

<input type="text" id="fullName" name="fullname" ng-model="data.fullName"/> 
<input type="email" id="email" name="email" ng-model="data.email" /> 

、

angular.module('MyApp', []) 
     .controller('MyController', function($scope) { 

    $scope.data = { 
    fullName : '', 
    email : '' 
    }; 


    $scope.resetForm = function(){ 
    /* reset the data to a new object so that all the properties 
    * of form are reset 
    */ 
    $scope.data = {}; 
    }; 

}); 

ここでアクションのサンプルPenです。これが役に立ちますようお願いいたします:)