javascript - ng-messages-include 不起作用

Question

我是 angularjs 新手，并尝试使用 ng-messages 和 ng-messages-include 创建带有一些验证消息的表单。

当我使用 ng-messages 编写内联错误消息时，它可以工作，但是当我使用 ng-messages-include 并引用远程文件时，它不起作用。 下面是代码。

messages.html

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

form.html

</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>

如果我取消注释上面的代码，它可以正常工作，但是使用 ng-messages-include 它不起作用。 请帮忙。

提前致谢。

Answer 1

仔细检查 messages.html 是否确实正在加载。也许你的网址是错误的？也许它需要在开头有一个“/”字符才能从根目录开始？

您可以通过在浏览器中按 F12 打开开发者控制台来检查它是否正在加载。检查“网络”选项卡并查找文件“messages.html”。我怀疑你的问题就在那里。