angularjs - 双方向バインディングを備えたカスタム階層 AngularJS ディレクティブ

Question

2 つのカスタム ディレクティブを使用して CRUD フォームを作成しようとしています。最初のもの ( crudForm) は、このフォームに適用されるすべてのコントロール (テキストボックス、テキストエリア、チェックボックスなど) を保持するメイン フォーム ディレクティブです。フォームで。単一のオブジェクトをメイン ディレクティブ ( crudForm) にバインドし、オブジェクトの各フィールドを 内の子ディレクティブの 1 つにバインドしますcrudForm。たとえば、$scopeas$scope.obj = { "order_id":20, "total": 44.50, "info": "..." }で定義されたオブジェクトがあり、それを次のように編集するフォームがあります

<crud-form key-field="order_id" entity="obj">
  <control type="money" field-name="total" field-title="Total"></control>
  <control type="textarea" field-name="info" field-title="Information"></control>
</crud-form>

ここに完全な例があります。

問題は、メインコントローラーのオブジェクトを最初にフォームに、次に各フィールドをコントロールに自動的にバインドして、入力に変更があると、バインドされたオブジェクトも変更されるようにすることです。コンソール ログで見た限りでは、コントロールのリンク関数はフォームのリンク関数の前に実行されるため、これを行うことはできません。したがって、コントロールのリンク関数が実行されているときに、フォームのリンク関数にバインドされたオブジェクトインスタンス化されていません。

何か案は？