誰かが私に次の一般的なガイドラインや例を教えてくれるのだろうかと思っていました。いくつかの入力ボックスフィールドを持つフォームを作成しました。ユーザーが何かを入力すると、フィールドはオレンジ色にハイライト表示されます。ユーザーが別のフィールドに移動すると、ハイライトが消えて新しいボックスが強調表示されます。ユーザーが「保存」ボタンを押すと、フォームが保存されます。ユーザーが「変更」ボタンを押すと、フィールド内の値を変更することができます。しかし、今回は、変更されたすべてのフィールドで強調表示されたボックスの表示を強調したいと思います(そして、タッチされていないフィールドは強調表示されません)。とにかく誰かが私にチュートリアルを送ったり、これを実証するための簡単な例を作ったりできますか?私はAngular 1.5を使用しており、Bootstrapを使って簡単なフォームを作成しています。 ありがとう修正されたフォームのフィールドを強調表示
0
A
答えて
2
$touched
プロパティを使用して、ユーザーが特定のフォームフィールドをクリックしたかどうかを知ることができます。
Ex:
custFrom.inputName.$touched
同じよう
Ex:
custFrom.inputName.$dirty
で実際の値の変更に使用$dirty
を知ってplunker
関連する問題
- 1. 修正されたフィールドをDjangoのフォームに表示する方法は?
- 2. VB.netで強調表示されたライブテキストリーダー
- 3. 角2 - 強調表示されたテーブルセル
- 4. 空の入力フィールドを強調表示
- 5. ライブ正規表現の強調表示
- 6. 即時フォーム入力の強調表示
- 7. netbeansで自動強調表示された変数名の強調表示の色を変更しますか?
- 8. ボタンがクリックされた後で強調表示されます
- 9. jcrop previewで強調表示された場所が表示されない
- 10. XamarinフォームUWPで選択したタブを強調表示
- 11. Algolia - 強調表示された部分のみを表示するようにハイライト表示されたテキスト
- 12. UIPickerViewで強調表示された選択をオーバーライドする
- 13. ナレーションされたテキストを強調表示します(オーディオ.mp3)
- 14. iphone内で強調表示されたテキストをドラッグアンドドロップTextView
- 15. キーワードが強調表示されたPHPを出力するPHP
- 16. アンドロイド:RecyclerViewで選択された項目を強調表示
- 17. 強調表示されたテキストをループします。
- 18. 挿入された行の挿入と強調表示
- 19. 入れ子になったオブジェクトでの強調検索の強調表示
- 20. Springフォームのselectタグで複数の項目が強調表示されない
- 21. パネルエリアの強調表示
- 22. DataGridView行の強調表示
- 23. JqueryUIで間違ったセルが強調表示される
- 24. lsコマンドで色分けされた強調表示
- 25. AppleScript:強調表示されたApple Mailメッセージ
- 26. リンクをクリックして入力フィールドを強調表示
- 27. JSF 2.0の検証とフィールドの強調表示
- 28. カスタムUIButtonがタッチされても強調表示されない
- 29. ListViewアイテムが選択されて強調表示されない
- 30. 修飾されたdoubleが正しく表示されない
作業見つけてください、あなたが編集しているすべてのフィールドにクラスを追加することができますか? – TerraElise
Angularは、ユーザーが操作したフィールドに 'ng-dirty' CSSクラスを追加します。 –