angularjs - angular form validation and pristine forms -
i'm making 'add new user' /'edit existing user' form. if page loads , there's data in formdata i'm editing existing user , populate fields appropriate.
if page loads no data in formdata new user. if it's new user, fields should empty but should not showing error feedback.
i thought $pristine for. in example looks attempt populate fields triggering $pristine = false.
how can accommodate both scenarios?
my plunker bit basic. in app, launch form page lists users (click user edit) , has 'add user ' button. means can load page or without formdata populated as-needed.
http://plnkr.co/edit/wh9vqmlevqm2elbreiyu?p=preview
i wonder if has using two-way binding model?
ng-model="formdata.username" value="{{formdata.username || ''}}"
they show error feedback because in css style defined input.ng-invalid, true no matter if pristine or not. following should solve problem:
input.ng-invalid.ng-dirty { border: 1px solid #a94442; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); }
Comments
Post a Comment