Angular-messages出现&在页面重新加载时消失

Angular-messages appears & vanishes whenever page is Reloaded

本文关键字：加载 消失 新加载 出现 Angular-messages      更新时间：2023-09-26

我有两个ng消息与一个文本字段相关联，但我想要一个消息作为默认-必选字段!哪些加载的页面被刷新/打开但第二个，即用户名包含至少3个字符应该只显示当至少一个文本输入到文本框。

每当页面加载时，第二个不需要的消息显示，然后在页面完全加载时消失，我如何删除它并使页面更突出

这是我的代码，我要尝试的是

 <div class="errormsg" ng-messages="loginForm.username.$error">
 <div ng-message="required">This field is Mandatory!</div>
 <div ng-message="minlength">Username contains atleast 3 characters</div>
 </div>

建议我在angular中实现这一点的方法。

您需要同时使用$pristine和$invalid。请看下面的例子。我使用help-block而不是ng-message。您可以根据需要添加额外的验证，如最小长度，最大长度等。

<form name="contactUsForm" ng-submit="sendContactUsMessage();" novalidate>
                <div class="form-group" ng-class="{ 'has-error' : contactUsForm.name.$invalid && !contactUsForm.name.$pristine }">
                    <label for="name">Name<span class="glyphicon glyphicon-asterisk mandatory" aria-hidden="true" /></label>
                    <input type="text" name="name" class="form-control" placeholder="When were you born?" ng-model="message.name" ng-required="true">
                    <p ng-show="contactUsForm.name.$invalid && !contactUsForm.name.$pristine" class="help-block">Name is required.</p>
                </div>
</form>
相关文章：