javascript - 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/