似乎无法显示 'required' 的 ng-message 内容
can't seem to display the content of ng-message for 'required'
我不知道为什么,但我似乎无法显示 'required' 的 ng-message 内容。我是新手,所以如果我遗漏了一些明显的东西,请原谅!!
如果我尝试显示 {{studentForm.fName.$error}} 它显示空白。
顺便说一句,这是我关于 Whosebug 的第一个问题:)
编辑:
使用表单标签而不是 md-form。
似乎 md-form 不是有效标签。
另外 md-auto-hide="false" 可能需要在 ng-messages 标签下。
参见: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>
使用表单标签而不是 md-form。似乎 md-form 不是有效标签。另外 md-auto-hide="false" 可能需要在 ng-messages 标签下。见:https://github.com/angular/material/issues/6767
我不知道为什么,但我似乎无法显示 'required' 的 ng-message 内容。我是新手,所以如果我遗漏了一些明显的东西,请原谅!!
如果我尝试显示 {{studentForm.fName.$error}} 它显示空白。
顺便说一句,这是我关于 Whosebug 的第一个问题:)
编辑: 使用表单标签而不是 md-form。 似乎 md-form 不是有效标签。 另外 md-auto-hide="false" 可能需要在 ng-messages 标签下。 参见: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>
使用表单标签而不是 md-form。似乎 md-form 不是有效标签。另外 md-auto-hide="false" 可能需要在 ng-messages 标签下。见:https://github.com/angular/material/issues/6767