Binding value to input in Angular JS

Question

I have input like this

<input type="text" name="widget.title" ng-model="widget.title" value="{{widget.title}}"/> 

I want to change input value dynamically so i use that but it doesn't change the value:

$scope.widget.title = 'a'; 

Answer 1

You don't need to set the value at all. ng-model takes care of it all:

• set the input value from the model
• update the model value when you change the input
• update the input value when you change the model from js

Here's the fiddle for this: http://jsfiddle.net/terebentina/9mFpp/

Answer 2

If you don't wan't to use ng-model there is ng-value you can try.

Here's the fiddle for this: http://jsfiddle.net/Rg9sG/1/