Почему Angular ng-message 'when = “required”' срабатывает, даже если в поле ввода есть ввод?

Question

Почему Angular ng-message 'when = “required”' срабатывает, даже если в поле ввода есть ввод?

0

У меня есть плункер.

Когда я вводим ввод в поле ввода и щелкаю в другом месте страницы, появляется сообщение "Это поле обязательно". отображается. Почему отображается сообщение, несмотря на то, что поле ввода имеет значение?

Вот код:

<form name="reportform" novalidate >
  <input name="startdate" placeholder="Enter a start date" ng-model="startdatevalue" required>
  <ng-messages ng-if='reportform.startdate.$touched' for="reportform.startdate.$error">
    <ng-message when="required">
      This field is required.
    </ng-message>
  </ng-messages>
  <button ng-disabled="reportform.$invalid" type="submit">
    Submit Query
  </button>
</form>

user45183 19 апр. 2016, в 10:36

Источник

Теги:

javascript

angularjs

2 ответа

0

Вот обновленная демоверсия

Только изменение - вам нужно добавить зависимости ngMessages в вашем угловом модуле, как

 var app = angular.module('plunker', ['ngMessages']);

 app.controller('MainCtrl', function($scope) {
 $scope.name = 'World';
 });

Syam Pillai 19 апр. 2016, в 06:30

Ещё вопросы

thegio · Accepted Answer · 2016-04-19T07-16-00.000Z

Вам не нужно импортировать модуль ngMessages:

Пример: https://plnkr.co/edit/VWhrTIzRjkQBGfjaj5Zb?p=preview

 var app = angular.module('plunker', ['ngMessages']);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

О, спасибо. Извините, что задаю такой глупый вопрос. У меня был гораздо более длинный пример, над которым я работал, и пытался свести его к основам, чтобы публиковать их в качестве плунжера, но, очевидно, я удалил слишком много кода :)