angularjs - Django REST フレームワーク + Angular で、バックされたエラーを DOM に自動的に追加

Question

いくつかの標準フォーム (ログイン、登録など) を含む新しいプロジェクトに取り組んでいます。

ng-required、type などを使用した基本的なクライアント側の検証があります。

問題は、長さ、一意の制約など、Django REST バックエンドから他の種類のエラーが発生する可能性があり、それらのルールが頻繁に変更される可能性があることです。

django REST サーバーはエラーを JSON 文字列で返します。キーはフィールド、値はエラーの説明です。

とにかく、無効な要素の隣に自動的にエラーを追加するAngularで何かを書くことはありますか?それは再利用できるモジュラーユニットとして、フィールドごとにエラーコンテナとng-bindを追加する必要はありません私の形で？

ご協力ありがとうございます。

Answer 1

このように再利用可能なコードを書きたい場合は、ディレクティブを使用するのが最善の選択です。<email></email> という名前のディレクティブを作成し、テンプレート内に入力要素を入力して、その横に {{error}} を表示できます。エラーをディレクティブ テンプレートに入れる方法はいくつかありますが、スコープを分離してデータをディレクティブに渡すことをお勧めします。これにより、ディレクティブをより再利用しやすくなります。

正しく実行した場合、バックエンド 'Django REST' は、ディレクティブのこのフロントエンド機能とは何の関係もないはずです。コントローラー内のデータを変更するだけで、ディレクティブ内のデータが自動的に変更されます。したがって、適切なレベルの抽象化も提供します。