入力フィールドに入力があってもAngular ng-message 'when when "required"'が発生するのはなぜですか？

Question

私はplunker hereです。

入力フィールドに入力を入力し、ページの他の場所をクリックすると「このフィールドは必須です」というメッセージが表示されます。表示されます。入力フィールドに値があってもメッセージが表示されるのはなぜですか？ここで

はコードです：

<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

はupdated Demo

のみ変更があるあります依存関係を追加する必要があります角度モジュールのは

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

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