Angular ng-show 没有使用 ng-message 标签执行

Question

不确定我在这里做错了什么。我想在用户提交表单后显示一条 ng-message。但是，在呈现表单时会显示该消息。好像 ng-show 没有评估。

我在表达式中打印了字段，当我打开表单时它是假的。另外，我将其更改为 ng-hide 但我遇到了同样的问题。

你能看看吗..

<div class="small-12">
   <label>first name
<span class="field-error"> *</span>
</label>
<input name="firstName" 
  type="text" 
  maxlength="25" 
  ng-disabled="isSubmitting" required 
  ng-model="candidate.firstName" 
  ng-class="{error:isFormSubmitted && contactForm.firstName.$error.required}" />

<div ng-messages="forms.contactForm.firstName.$error" 
    class="errorFormLabel" role='alert'>
   <div ng-message="required" 
    ng-show="isFormSubmitted">This is a required field {{isFormSubmitted}}
  </div>
 </div>
</div>

Answer 1

将 ng-messages 视为 switch 子句，您可以将 /ng-show/ng-hide 嵌套在 ng-message 指令中，但不能将它们一起使用

例如：

<div ng-messages="forms.contactForm.firstName.$error" 
    class="errorFormLabel" role='alert'>
   <div ng-message="required">
      <span ng-show="isFormSubmitted">This is a required field {{isFormSubmitted}}</span>
   </div>
 </div>
</div>

如果您不想要额外的元素：<span>，请尝试 ng-if，基本上 ng-if 的优先级高于任何其他 angularjs 指令，它将如果表达式不是正数，则强制从 DOM 树中删除 ng-message 指令。

<div ng-message="required" 
    ng-if="isFormSubmitted">This is a required field {{isFormSubmitted}}
  </div>

Angular ng-show 没有使用 ng-message 标签执行

Angular ng-show is not executing with ng-message tag

angularjs

ng-messages