I just started learning AngularJS. I want to implement a page for editing user info by showing the old info in the input field on the page. whenever the user want to update info they can see the old info displayed in the input box and they can change the value which will be stored in ng-model. I used before without ng-model and it works

<input type="text" value="{{event_detail.title}}" class="inputbox form-control">

However it doesn't work with data-ng-model

<input type="text" value="event_detail.title" required id="title" name="title" class="inputbox form-control" data-ng-model="eve.title" placeholder="Title">

is there anyway to solve this problem?

I just started learning AngularJS. I want to implement a page for editing user info by showing the old info in the input field on the page. whenever the user want to update info they can see the old info displayed in the input box and they can change the value which will be stored in ng-model. I used before without ng-model and it works

<input type="text" value="{{event_detail.title}}" class="inputbox form-control">

However it doesn't work with data-ng-model

<input type="text" value="event_detail.title" required id="title" name="title" class="inputbox form-control" data-ng-model="eve.title" placeholder="Title">

is there anyway to solve this problem?

• javascript
• html
• angularjs
• frontend

Share Improve this question Follow asked Aug 1, 2014 at 17:52 FizzzzFizzzz 3711 gold badge11 silver badge44 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 1

you dont need value

<input type="text" ng-model="event_detail.title" class="inputbox form-control">

OR

<input type="text" ng-model="event_detail.title" required name="title" 
     class="inputbox form-control" placeholder="Title">

In the first example you use event_detail.title. In the bottom example it is eve.title. Please make sure that the variable you use actually exists. Also, if you use ng-value, you shouldn't use the tag's value attribute.