您好,登錄后才能下訂單哦!
定義:
<input>元素帶有一些HTML驗(yàn)證屬性:required、minlength、maxlength和pattern:
#starttimeClass="ngModel"把NgModel導(dǎo)出成了一個(gè)名叫starttimeClass的局部變量。NgModel把自己控制的FormControl實(shí)例的屬性映射出去,讓我們能在模板中檢查控件的狀態(tài),比如valid和dirty。
<input type="date" id="name" [(ngModel)]="starttime" name="name" #starttimeClass="ngModel" |
顯示錯(cuò)誤信息:
<div>元素的*ngIf揭露了一套嵌套消息divs,但是只在有“starttimeClass”錯(cuò)誤和控制器為dirty或者touched。
每個(gè)嵌套的<div>為其中一個(gè)可能出現(xiàn)的驗(yàn)證錯(cuò)誤顯示一條自定義消息。比如 required、minlength、maxlength和pattern。
<div *ngIf="!(starttimeClass.valid || starttimeClass.pristine)" class="alert alert-danger"> |
必填字段提示CSS:
.ng-valid[required].ng-dirty:not(form), .ng-valid.required.ng-dirty:not(form) { border-left: 5px solid #42A948; } .ng-valid[required].ng-pristine:not(form), .ng-valid.required.ng-pristine:not(form) { border-left: 2px solid #EFC26E; } .ng-invalid[required].ng-pristine:not(form) { border-left: 2px solid #EFC26E; } .ng-invalid.ng-dirty:not(form) { border-left: 5px solid #a94442; } |
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。