AngularJS でカスタム エラー メッセージを設定するために、次の 2 つのディレクティブを作成しました。
エラー -> フォームのエラー メッセージを表示します
error-message -> 入力にカスタム エラー メッセージを設定します
何らかの理由で、error-messageディレクティブを要素に追加するたびに、ng-model バインディングが機能しなくなります (ただし、検証は機能します)。
ここを参照してくださいhttp://jsfiddle.net/apohl/A8Vgk/111/
助けてください ：）
問題は、errorMessageディレクティブが分離スコープを使用していることです。分離スコープは要素全体に影響するため、ngModelディレクティブは分離スコープで評価されていました-これは明らかに機能しません-モデルは親スコープにあります。
ここで分離スコープを確立した理由がわかりません。他のディレクティブと対話する必要があるコンポーネントを作成しようとしているため、isolate スコープは最適な選択ではありません。errorMessage現在のスコープには影響しないため、定義済みのスコープは必要ないかもしれませんが、選択した場合は子スコープを使用できます。
ディレクティブで各タイプのスコープをいつ使用するかについて詳しくは、こちらをご覧ください。