update ngModel on IDE change

src/ui-ace.js

@@ -272,6 +272,10 @@ angular.module('ui.ace', [])
  ngModel.$render = function () {
  session.setValue(ngModel.$viewValue);
  };
+
+ acee.on('change', function () {
+ ngModel.$setViewValue(acee.getValue());
+ });
  }
 
  // Listen for option updates

test/ace.spec.js

@@ -284,6 +284,24 @@ describe('uiAce', function () {
  //
  expect(scope.foo).toBe('baz');
  });
+
+ it('should update the model if text inserted programmatically', function () {
+ $compile('<div ui-ace ng-model="foo">')(scope);
+ scope.$apply('foo = "bar"');
+
+ _ace.insert('baz ');
+
+ expect(scope.foo).toBe('baz bar');
+ });
+
+ it('should update the model if text removed programmatically', function () {
+ $compile('<div ui-ace ng-model="foo">')(scope);
+ scope.$apply('foo = "baz bar"');
+
+ _ace.removeWordRight();
+
+ expect(scope.foo).toBe(' bar');
+ });
  });
 
  describe('when the model is undefined/null', function () {