入力の周りにいくつかのネストされた ng-forms を含む myNumber ディレクティブがあります。入力には、true に設定された ng-required 属性と特定の ng-pattern があります。問題は、入力の状態 (ng-valid-required、ng-invalid-pattern など) がディレクティブ内の ng-forms に伝播することです。そのため、入力自体と同じ状態になり、これが望ましい動作です。ただし、ディレクティブ自体の外に出ると、ディレクティブの周りの ng-form は内部の ng-forms の状態を取得しません。
<ng-form name="outerForm" id="outerForm">
<my-number ...></my-number>
</ng-form>
input と ng-forms inside ディレクティブは ng-valid-required ng-dirty ng-invalid ng-invalid-pattern のような状態ですが、outerForm は ng-pristine ng-valid です。
これは通常の動作ですか、これは AngularJS の仕組みですか、それともディレクティブの外で状態を取得するための回避策はありますか?