Angular 模糊消息验证文件

Question

如果我在额外的文件中定义 ng-message 是否可以定义在模糊时显示？

例如，我定义了以下额外的 ng-messages 错误文件：

<p ng-message="required">This field is required</p>
<p ng-message="minlength">This field is too short</p>
<p ng-message="maxlength">This field is too long</p>
<p ng-message="required">This field is required</p>
<p ng-message="email">This needs to be a valid email</p>

我想做的是，仅在模糊时显示 ng-message，例如：

<div class="help-block" ng-messages="userForm.name.$error" ng-show="userForm.name.$touched">
    ...
</div>

要使用 ng-show，我需要表单、输入和事件名称。我能以某种方式在额外的错误文件中模拟它吗？例如一些占位符，比如使用 Windows: $DIR$ 或类似的东西？

Answer 1

您必须使用如下 ngMessagesInclude 指令：

<div class="help-block" ng-messages="userForm.name.$error" ng-show="userForm.name.$touched">
  <div ng-messages-include="your_path.html"></div>
</div>

查看此 tutorial 了解更多信息。

Angular 模糊消息验证文件

Angular messages validation file on blur

angularjs

ng-messages