0

我不知道为什么,但我似乎无法为“必需”显示 ng-message 的内容。我是新手,所以如果我遗漏了一些明显的东西,请原谅!

如果我尝试显示 {{studentForm.fName.$error}} 它显示为空白。

顺便说一句,这是我关于stackoverflow的第一个问题:)

编辑:使用表单标签而不是 md-form。似乎 md-form 不是有效标签。此外,在 ng-messages 标签下可能需要 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>

4

1 回答 1

0

使用表单标签而不是 md-form。似乎 md-form 不是有效标签。此外,在 ng-messages 标签下可能需要 md-auto-hide="false"。见:https ://github.com/angular/material/issues/6767

于 2016-06-11T12:29:22.840 回答