은 '필수'에 대한 ng-message의 내용을 표시 할 수 없습니다.

Question

왜 그런지 모르지만 '필수'에 대한 ng-message의 내용을 표시 할 수 없습니다. 나는 이것에 처음이에요. 그러니 제가 뭔가 명백한 것을 놓치고 있다면 변명하십시오 !!

{{studentForm.fName. $ error}}을 (를) 표시하려고하면 빈칸이 표시됩니다. 사용 form 태그 대신 MD-형태 :

는 Btw는이 유래 :

편집 내 첫 번째 질문입니다. md-form과 (과) 비슷한 태그가 아닙니다. 또한 메시지 태그 아래에 md-auto-hide = "false"가 필요할 수도 있습니다. 은 다음을 참조하십시오 https://github.com/angular/material/issues/6767

<div layout="row"> 
 
    <div layout="column"> 
 
    <md-form ng-model="student" name="studentForm" flex="90%"> 
 
     <div layout="column" layout-padding> 
 
     <md-input-container class="md-block" flex> 
 
      <label for="firstName">firstName</label> 
 
      <input type="text" ng-model="student.firstName" name="fName" placeholder="firstName" required></input> 
 
     </md-input-container> 
 
     <div ng-messages="studentForm.fName.$error" role="alert"> 
 
      <div ng-message="required">Required!!</div> 
 
     </div> 
 
     <md-datepicker name="DOB" ng-model="student.DOB" md-placeholder="Enter DOB" required valid>Enter DOB</md-datepicker> 
 
     <div ng-messages="studentForm.DOB.$error" role="alert"> 
 
      <div ng-message="valid">The entered value is not a date!</div> 
 
      <div ng-message="required">This date is required!</div> 
 
     </div> 
 
     </div> 
 
     <md-button ng-click="submit()">Send your message</md-button> 
 
    </md-form> 
 
    </div> 
 
</div>

Answer 1

사용 form 태그 대신 MD-양식을. md-form이 유효한 태그가 아닌 것 같습니다. 또한 메시지 태그 아래에 md-auto-hide = "false"가 필요할 수도 있습니다. 참조 : https://github.com/angular/material/issues/6767