いくつかの管理フォームに AngularJS を使用したいと考えています。ビューとモデルをバインドするのは非常に簡単です。また、検証を追加する方法も気に入っています。しかし、ディレクティブを導入して冗長なコードを防ごうとしたときに、境界にぶつかりました。この問題のために AngularJS を使用してコードを構造化する方法を教えてください。
私のフォームには、いくつかの複合フィールドがあります。たとえば、ドロップダウンで国を選択できます。そのドロップダウンの横にあるテキストフィールドに都市を入力できます。別の国を選択すると、都市名がクリアされます。簡単だ。今、都市のテキストフィールドでオートコンプリートが必要です。いくつかの文字を入力すると、選択した国の都市の候補が表示されます。オートコンプリート ウィジェットは、ここでは小さな問題です。簡単にするために、JQueryUI を使用するとします。
私はすでに簡単なディレクティブを実装することができました。私の質問は次のとおりです。
1.) NgModelController の検証機能が気に入っています。これをディレクティブで再利用できますか? ディレクティブに「必須」属性を追加できればいいのですが。設定されている場合は、すべての複合フィールドが必須です。2.) ディレクティブを周囲のモデルにどのように接続しますか? たとえば、管理フォームで顧客を編集したいのですが、「住所」ディレクティブを表示して顧客の住所を編集する必要があります。3.) ディレクティブを都市検索サービスにどのように接続しますか? 国名と市区町村の最初に入力した文字をサービスに提供する必要があります。結果は、オートコンプリート ウィジェットに表示できる都市名のリストです。