angularjs - How to bind 2 models to one input field in Angular?

Question

Is there anyway that I can bind two model values to one input field?

Suppose I have input field which I want to be the value of two variables in the scope something like:

<input type="text" model="sn_number; id" > 

Answer 1

You cannot, but there are some workarounds.

1. Use ngChange to update the other model

<input type="text" 
       ng-model="sn_number" 
       ng-change="id=sn_number"/> 

2. You could watch a model, and when in changes, update another

$scope.$watch('sn_number', function(v){
  $scope.id = v;
});

You would need to watch also for changes in id if you want to keep them in sync.

Example here