anglejsフォームで強制的にダンプする

Question

anglejsでフォームの検証を行うユーザーがサブミットをクリックしたときに、必要なすべてのフィールドを誤ったものとしてマークします。

私はinput.ng-dirty.ng-invalidを使用して、エラーのあるコントロールのスタイルを設定しています。だから私が欲しいのは、ユーザーがフォームを送信したときに必要なコントロール（またはすべてのコントロール..それは私のために同じになります）にng-dirtyを設定することです。

検証が機能しています。なぜ私が試みていることが間違っているのか理解していますが、正しいとは思えないものを除いて同じ効果を出す方法は他にありませんでした。私がいた試した何

：

<div ng-app> 
    <form novalidate> 
     <input name="formvalue" type="text" ng-model="formvalue" required /> 
     <input type="submit" /> 
    </form> 
</div> 

http://jsfiddle.net/yq4NG/

Answer 1

のは

デフォルトで

<div ng-app>...</div> 

​​

でそれをラップすることにより、あなたのjsfiddleに必要なフィールドを角度追加してみましょう入力時に検証されます（ダーティー）。入力前にサブミット時にバリデーションを行いたい場合は、サブミット・ボタンで関数を実行して、元のフィールドをチェックしてダーティーすることができます。私は例のやっていることである

：http://jsfiddle.net/yq4NG/6/

あなたはおそらく、カスタムフォーマッタとバリデータを使用して、再利用可能なソリューションを構築することができますが、これはオフのソリューションに簡単です。

EDIT：

簡素再びクラスだけ使用：角度が$setPristine()と同等だ$setDirty()方法を提供していないので

：http://jsfiddle.net/yq4NG/8/

EDITを[コメントで@XMLilleyによって示唆されているように] $ viewValueを$modelValueの内容で更新するだけで、$dirty状態がトリガーされます。それは何も変わらないが、手動で各$pristineフィールドを入力し、何も変更せずに値を混乱させるユーザをシミュレートする。