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是否实际加载。也许你的网址错了？也许它需要有一个＆＃34; /＆＃34;在根目录开头的字符？

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

Answer 2

我得到了它的工作。 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>

ng-messages-include无效

2 个答案: