为什么即使输入字段已输入，Angular ng-message'when =“ required”仍会触发？

Question

我这里有一个小矮人 。

当我在输入字段中输入输入并单击页面上的其他位置时，消息“此字段是必需的”。 得到显示。 尽管输入字段具有值，为什么仍显示消息？

这是代码：

<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>

Answer 1

您缺少导入ngMessages模块的信息：

示例： https ： //plnkr.co/edit/VWhrTIzRjkQBGfjaj5Zb？p = preview

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

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

Answer 2

这是更新的演示

唯一的变化是您需要在angular模块中添加依赖项ngMessages ，如下所示：

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

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