After creating a display text and an input field, I bound them together using ng-model in the code below:
HTML
<div ng-app ng-controller="test">
<div ng-bind="content"></div>
<input id="txtElem" type="text" ng-model="content">
<button ng-click="stopBinding()">Unbind</button>
<button ng-click="binding()">Bind</button>
</div>
JS
function test($scope) {
$scope.content = 'Welcome';
$scope.binding = function() {
angular.element(document.getElementById('txtElem')).bind();
};
$scope.stopBinding = function() {
angular.element(document.getElementById('txtElem')).unbind();
};
};
Display
In my search for unbinding methods (http://jsfiddle.net/jexgF/), I couldn't figure out how to rebind when clicking the "Bind" button. Can anyone provide assistance?
Additionally, aside from binding and unbinding elements within <div> and <input>, does anyone know how to bind and unbind two <input> fields simultaneously?