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

2 Answers 2

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.