ng-messages-includes not working

Question

私はangularjsを初めて使用し、ng-messagesとng-messages-includeを使用していくつかの検証メッセージを含むフォームを作成しようとしています。

ng-messagesを使用してインラインエラーメッセージを書き込むと、それは機能しますが、ng-messages-includeを使用してリモートファイルを参照すると機能しません。 以下はそのコードです。

</div> 
     <div ng-messages="form.name.$error" style="color:red" ng-if="form.name.$dirty" ng-messages-include="pages/html/messages.html"> 
    <!-- <div ng-message="required">You did not enter a field</div>--> 
</div> 

form.html

messages.html

<div ng-message="required">This field is required</div> 

それが正常に動作上の私は、コードのコメントを外しますが、ng-messages-includeとそれが動作しない場合。 助けてください。

ありがとうございます。

Answer 1

私はそれを働かせました。 ng-messages-includeはdivの子でなければなりません。

</div> 
    <div ng-messages="form.name.$error" style="color:red" ng-if="form.name.$dirty"> 
<div ng-messages-include="pages/html/messages.html"></div> 
</div> 

Answer 2

実際にはmessages.htmlがロードされていることを再度確認してください。 URLが間違っている可能性がありますか？たぶん、最初に "/"文字をルートディレクトリから開始する必要がありますか？

ブラウザでF12キーを押してデベロッパーコンソールを開くと、読み込み中であることを確認できます。 「ネットワーク」タブをチェックし、ファイル「messages.html」を探します。あなたの問題はそこにあると思う。