1
請參閱this codepen link輸入所需的消息不會在輸入後消失
我有一個使用角度材料構建的簡單表單。爲此提及了angular material demo。
這些字段被標記爲必填字段,如果未輸入則顯示field required
消息。但是一旦有效的條目被寫入,信息就不會消失。而在官方的演示中,這是有效的。
這是HTML代碼有關表格:
<form name="myform">
<md-input-container flex="50">
<label>Name</label>
<input required name="name" ng-model="project.name">
<div ng-messages="myform.name.$error">
<div ng-message="required">This is required.</div>
</div>
</md-input-container>
<md-input-container class="md-block">
<label>Email</label>
<input required type="email" name="email" ng-model="project.email"
minlength="10" maxlength="100" ng-pattern="/^[email protected]+\..+$/" />
<div ng-messages="myform.email.$error" role="alert">
<div ng-message-exp="['required', 'minlength', 'maxlength', 'pattern']">
Your email must be between 10 and 100 characters long and look like an e-mail address.
</div>
</div>
</md-input-container>
<md-button class="md-raised md-primary">Submit</md-button>
</form>
什麼能在這裏是什麼問題?