ng-if内にディレクティブが存在する場合、AngularJSディレクティブのコンパイル関数が実行されない

Question

My AngualrJS（1.x）アプリケーションにはテキストボックスの検証を行うカスタムディレクティブがあります。ディレクティブは要素として使用する必要があります。バリデーションが必要なテキストボックスは、ディレクティブ要素内に置かなければなりません。このディレクティブには、検証のロジックを持つコンパイル関数があります。

ディレクティブは完全に正常に動作しています。ラジオボタンのクリックに応じてテキストボックスを表示/非表示にする必要があるシナリオがあります。これを達成するために、私はng-ifの中に指示文を保存しようとしましたが、指示文がng-ifの中に入ると、コンパイル機能は起動しません。私はリンク機能でロジックを維持しようとしましたが、リンク機能もトリガされていません。私はサイドng-showに指示を残すことができません。なぜなら、隠されたシナリオの間に、必要なフィールドの検証もまだ有効であり、ng-requiredの条件を使用したくないからです。

ng-ifの中で私のディレクティブを実行する方法はありますか？なぜそれが実行されていないのか分かりません。どんな助けも高く評価されます。

Answer 1

ng-ifとng-show両方がDOM要素を表示/非表示するために使用されているが、それらの間の主な違いは、ng-if="expression"要素を取り除くことである（もちろん、それはすべての子だ）expressionがfalseと評価された場合にDOMから。

ng-show="expression"は、.ng-hideクラス（display: noneを追加）に基づいて要素を非表示にします。

ng-ifを使用していて、式がfalseと評価された場合、ng-ifの優先度が高いため、他のディレクティブは実行されずコンパイルされません。あなたのカスタムディレクティブが実行されていないのはこのためです。

ng-ifの代わりにng-showを使用してください。

編集：私はちょうど

あなたの質問を再読み込み、あなたができることを知るようになったではないあなたのために必要なフィールド検証のng-show。私はそれについても解決策を得ました。これは、そのフィールドのみが必要なあなたのチェックボックスがチェックされているマークする場合

ng-required="sameExpressionAsInNgShow" 

：

利用代わりrequiredのng-requiredとは、このようなあなたが（ng-ifで、現在は）ng-showで使用する同じ表現を使用しています。