fix: not watching ui-codemirror-opts attribute

Following #56

Author: douglasduteil

src/ui-codemirror.js

@@ -38,9 +38,9 @@ angular.module('ui.codemirror', [])
             }, opts);
           }
 
-          if (iAttrs.uiCodemirror) {
+          if (iAttrs.uiCodemirror || iAttrs.uiCodemirrorOpts) {
             var codemirrorDefaultsKeys = Object.keys(window.CodeMirror.defaults);
-            scope.$watch(iAttrs.uiCodemirror, function updateOptions(newValues, oldValue) {
+            scope.$watch(iAttrs.uiCodemirror || iAttrs.uiCodemirrorOpts, function updateOptions(newValues, oldValue) {
               codemirrorDefaultsKeys.forEach(function (key) {
                 if (newValues.hasOwnProperty(key) && newValues[key] !== oldValue[key]) {
                   codeMirror.setOption(key, newValues[key]);

test/codemirror.spec.js

@@ -303,7 +303,7 @@ describe('uiCodemirror', function () {
     });
 
 
-    it('should watch the options', function () {
+    it('should watch the options (attribute directive)', function () {
 
       scope.cmOption = { readOnly: true };
       $compile('<div ui-codemirror="cmOption"></div>')(scope);
@@ -316,6 +316,19 @@ describe('uiCodemirror', function () {
       expect(codemirror.getOption('readOnly')).toBeFalsy();
     });
 
+    it('should watch the options (element directive)', function () {
+
+      scope.cmOption = { readOnly: true };
+      $compile('<ui-codemirror ui-codemirror-opts="cmOption"></div>')(scope);
+      scope.$digest();
+
+      expect(codemirror.getOption('readOnly')).toBeTruthy();
+
+      scope.cmOption.readOnly = false;
+      scope.$digest();
+      expect(codemirror.getOption('readOnly')).toBeFalsy();
+    });
+
     it('should watch the options (object property)', function () {
 
       scope.cm = {};