angularjs – 角度材料ng-messages在解析后不会消失

发布时间：2020-12-17 06:57:40 所属栏目：安全来源：网络整理

导读：我正在尝试使用Angular Materials代码段作为表单输入字段,其中包含用于显示错误消息的ng-messages. 当我多次清除并填写此字段时,它以某种方式存储“旧”错误消息,显示x次“地址是强制性的”. 如果我删除md-input-container之外的元素,它工作正常(但我想在md-

我正在尝试使用Angular Materials代码段作为表单输入字段,其中包含用于显示错误消息的ng-messages.

当我多次清除并填写此字段时,它以某种方式存储“旧”错误消息,显示x次“地址是强制性的”.

如果我删除md-input-container之外的元素,它工作正常(但我想在md-input-container obv中的ng-messages).

<div layout-gt-sm="row" ng-show="showAddress">
    <md-input-container class="md-block" flex-gt-sm="">
        <md-icon md-font-library="material-icons">home</md-icon>
        <label>Adres</label>
        <input ng-model="address" name="address" required />
        <div ng-messages="orderForm.address.$error" role="alert">
            <div ng-message="required">Address is mandatory</div>
        </div>
    </md-input-container>
</div>

更新：
好的我使用的是旧版的Angular和Angular-Animate(1.3.15).
更新此导致修复.

解决方法

首先检查你的模块中是否再次注入了ngMessages,然后你可以检查你是否有一个名为’orderForm’的表单,最后你必须检查你的ng-model是否有控制器或你有数据的地方.

<html>

    <head>
      <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-messages.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-sanitize.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <style type="text/css">
        
      </style>
    </head>

    <body ng-app="testApp" ng-controller="AppCtrl">
       <form name="orderForm">
       <div layout-gt-sm="row" >
        <md-input-container class="md-block" flex-gt-sm="">
            <label>Address</label>
            <input ng-model="address" name="address" required />
            <div ng-messages="orderForm.address.$error" role="alert">
                <div ng-message="required">Address is mandatory</div>
            </div>
        </md-input-container>
    </div>
         </form>
     <script type="text/javascript">
            var app = angular.module("testApp",["ngMaterial","ngMessages"])
                             .controller('AppCtrl',function($scope) {
                                   $scope.address = 'Prueba';
                                 });
      </script>
    </body>

    </html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!