溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
定義：
<input>元素帶有一些HTML驗證屬性：required、minlength、maxlength和pattern：
#starttimeClass="ngModel"把NgModel導出成了一個名叫starttimeClass的局部變量。NgModel把自己控制的FormControl實例的屬性映射出去，讓我們能在模板中檢查控件的狀態，比如valid和dirty。
<input type="date" id="name" [(ngModel)]="starttime" name="name" #starttimeClass="ngModel" |
顯示錯誤信息：
<div>元素的*ngIf揭露了一套嵌套消息divs，但是只在有“starttimeClass”錯誤和控制器為dirty或者touched。
每個嵌套的<div>為其中一個可能出現的驗證錯誤顯示一條自定義消息。比如 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; } |
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
