2017-02-28 4 views
0

誰かが私に次の一般的なガイドラインや例を教えてくれるのだろうかと思っていました。いくつかの入力ボックスフィールドを持つフォームを作成しました。ユーザーが何かを入力すると、フィールドはオレンジ色にハイライト表示されます。ユーザーが別のフィールドに移動すると、ハイライトが消えて新しいボックスが強調表示されます。ユーザーが「保存」ボタンを押すと、フォームが保存されます。ユーザーが「変更」ボタンを押すと、フィールド内の値を変更することができます。しかし、今回は、変更されたすべてのフィールドで強調表示されたボックスの表示を強調したいと思います(そして、タッチされていないフィールドは強調表示されません)。とにかく誰かが私にチュートリアルを送ったり、これを実証するための簡単な例を作ったりできますか?私はAngular 1.5を使用しており、Bootstrapを使って簡単なフォームを作成しています。 ありがとう修正されたフォームのフィールドを強調表示

+0

作業見つけてください、あなたが編集しているすべてのフィールドにクラスを追加することができますか? – TerraElise

+0

Angularは、ユーザーが操作したフィールドに 'ng-dirty' CSSクラスを追加します。 –

答えて

2

$touchedプロパティを使用して、ユーザーが特定のフォームフィールドをクリックしたかどうかを知ることができます。

Ex: 
custFrom.inputName.$touched 

同じよう

Ex: 
custFrom.inputName.$dirty 

で実際の値の変更に使用$dirtyを知ってplunker

関連する問題