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

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

gradle error "Cannot convert the provided notation to a File or URI" -

[C++][SFML 2.2] Strange Performance Issues - Moving Mouse Lowers CPU Usage -