AngularJS Model is not updating

Question

i got a Model in a ng-repeat :

<tr ng-repeat="expert in experts">
                <td>{{expert.expertName}}</td>
                <td ng-mouseleave="editMode = false">
                    <span ng-hide="editMode" ng-click="editMode = !editMode">{{expert.mail}}</span>
                    <input class="width100" type="text" ng-show="editMode" value="{{expert.mail}}" />
                </td>
                <td><input class="width100" type="checkbox" ng-model="expert.locked" ng-click="showSaveButton = ! showSaveButton"/></td>
                <td class="width100">
                    <input type="button" class="btn btn-primary btn-success" ng-show="showSaveButton" value="SAVE" ng-click="confirmSave(expert)" />
                    <input type="button" class="btn-warning btn-primary btn" value="GENERATE" ng-click="" />
                </td>
            </tr>

So the Problem is here :

<td ng-mouseleave="editMode = false">
                    <span ng-hide="editMode" ng-click="editMode = !editMode" ng-animate>{{expert.mail}}</span>
                    <input class="width100" type="text" ng-show="editMode" value="{{expert.mail}}" />
                </td>

When i enter the edit mode, i can edit the input field. When i leave, the span is not updating.

Any suggestions ?

Here is a good explanation why do you have to use ng-model instead of value in this situation: stackoverflow.com/questions/14410993/… — arman1991
– arman1991, Commented Nov 26, 2014 at 7:59

arman1991 · Accepted Answer · 2014-11-26 08:03:56Z

1

you can use ng-model instead of value ={{expert.email}}

   <input class="width100" type="text" ng-show="editMode" ng-model="expert.mail" />

edited Nov 26, 2014 at 8:03

arman1991

1,1661 gold badge18 silver badges28 bronze badges

answered Nov 26, 2014 at 7:51

Kiran P

2992 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3063182 Over a year ago

Than doesn't answer the question. It should be written as a comment.

Kiran P Over a year ago

Thank your for your suggestion. I am new to this site, will do that next time.

arman1991 Over a year ago

Welcome to SO Kiran. Your answer is correct, but I edited your HTML solution as in your explanation.

Collectives™ on Stack Overflow

AngularJS Model is not updating

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related