ng消息包括不工作

ng-messages-include not working

本文关键字:工作 包括不 消息 ng      更新时间:2023-09-26

我是angularjs的新手,正在尝试使用ng-messagesng-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,它不起作用。请帮忙。

提前谢谢。

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

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

我让它工作起来了。包含的ng消息必须是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>