Я намагаюся використовувати фрагмент кутових матеріалів для поля вводу форми з ng-повідомленнями для відображення повідомлень про помилки.
Коли я очищую і заповнюю це поле кілька разів, він якимось чином зберігає "старі" повідомлення про помилку, показуючи x разів "Адреса обов'язкова".
Якщо я видалю елемент за межами md-input-контейнера, він працює нормально (але я хочу, щоб ng-повідомлення в контейнері md-input-контейнер obv).
<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). Оновлення це призвело до виправлення.
Відповіді:
12 для відповіді № 1Спочатку перевірте, чи у вас введено ngMessagesваш модуль знову, другий ви можете перевірити, чи є у вас форма з назвою "orderForm", і останньою ви повинні перевірити, чи має ваш ng-модель контролер або щось там, де у вас є дані.
<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>7 для відповіді № 2
Якщо така ж проблема, встановлення ngMessages у ваш додаток вирішило це питання для мене.