From 73d87a51469e8cf2ec72d989e977be279af766a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bengt=20Wei=C3=9Fe?= <bengtler@gmail.com>
Date: Tue, 12 Feb 2019 20:00:40 +0100
Subject: [PATCH] fix(): model update

---
 bower.json        |   2 +-
 demo.html         |  74 ++++++++++++-----------
 package-lock.json | 149 +++++++++++++++++++++++-----------------------
 package.json      |  10 ++--
 src/ng-quill.js   |  93 ++++++++++++++---------------
 5 files changed, 166 insertions(+), 162 deletions(-)

diff --git a/bower.json b/bower.json
index 1fcee72..467c82e 100755
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "ngQuill",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "main": ["src/ng-quill.js"],
   "description": "AngularJS directive for the QuillJS rich text editor",
   "authors": [
diff --git a/demo.html b/demo.html
index 125f7bd..dfa97d5 100644
--- a/demo.html
+++ b/demo.html
@@ -31,8 +31,8 @@
         </style>
 
         <!-- Scripts -->
-        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
-        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular-sanitize.min.js"></script>
+        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.7/angular.min.js"></script>
+        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.7/angular-sanitize.min.js"></script>
         <script type="text/javascript" src="//cdn.quilljs.com/1.3.6/quill.js"></script>
         <script type="text/javascript" src="src/ng-quill.js"></script>
         <script>
@@ -61,11 +61,17 @@
               }, 2000)
               $scope.model = ''
               $scope.required = 'required'
-              $scope.modelJSON = [
+              $scope.modelJSON = { ops: [
                 { insert: 'Hello ' },
                 { insert: 'World!', attributes: { bold: true } },
                 { insert: '\n' }
-              ]
+              ]}
+              $scope.changeJSON = function () {
+                $scope.modelJSON = $scope.modelJSON ? $scope.modelJSON : { ops: [] }
+                const modelJSON = JSON.parse(JSON.stringify($scope.modelJSON))
+                modelJSON.ops.unshift({ insert: 'Changed! ' })
+                $scope.modelJSON = modelJSON
+              }
               $scope.modelText = 'Hello World'
               $scope.readOnly = false
               $scope.test = ''
@@ -91,11 +97,11 @@
               $scope.editorCreated = function (editor) {
                 console.log(editor)
               }
-              $scope.contentChanged = function (editor, html, text, content, delta, oldDelta, source) {
-                console.log('editor: ', editor, 'html: ', html, 'text:', text, 'content:', content, 'delta: ', delta, 'oldDelta:', oldDelta, 'source:', source)
+              $scope.contentChanged = function (data) {
+                console.log('editor: ', data.editor, 'html: ', data.html, 'text:', data.text, 'content:', data.content, 'delta: ', data.delta, 'oldDelta:', data.oldDelta, 'source:', data.source)
               }
-              $scope.selectionChanged = function (editor, range, oldRange, source) {
-                console.log('editor: ', editor, 'range: ', range, 'oldRange:', oldRange, 'source:', source)
+              $scope.selectionChanged = function (data) {
+                console.log('editor: ', data.editor, 'range: ', data.range, 'oldRange:', data.oldRange, 'source:', data.source)
               }
             }
           ])
@@ -107,6 +113,7 @@ <h3>Default editor + Callbacks/Outputs in JS console</h3>
         <ng-quill-editor bounds="self" ng-model="title" placeholder="'override default placeholder'" on-editor-created="editorCreated(editor)" on-content-changed="contentChanged(editor, html, text, content)" on-selection-changed="selectionChanged(editor, range, oldRange, source)"></ng-quill-editor>
 
         <h3>Default editor + Callbacks/Outputs in JS console and empty init model + Object-Format</h3>
+        <button ng-click="changeJSON()">Change the model!</button>
         <pre><code>{{modelJSON}}</code></pre>
         <ng-quill-editor format="object" custom-options="customTag" ng-model="modelJSON" placeholder="'override default placeholder'" on-editor-created="editorCreated(editor)" on-content-changed="contentChanged(editor, html, text, content)" on-selection-changed="selectionChanged(editor, range, oldRange, source)"></ng-quill-editor>
 
@@ -144,31 +151,30 @@ <h3>ng-quill - custom toolbar (position: bottom)</h3>
             placeholder="''"
             custom-toolbar-position="bottom"
         >
-            <ng-quill-toolbar>
-                <div id="ng-quill-toolbar">
-                    <span class="ql-formats">
-                        <button class="ql-bold" ng-attr-title="{{'Bold'}}"></button>
-                    </span>
-                    <span class="ql-formats">
-                        <select class="ql-align" ng-attr-title="{{'Aligment'}}">
-                            <option selected></option>
-                            <option value="center"></option>
-                            <option value="right"></option>
-                            <option value="justify"></option>
-                        </select>
-                        <select class="ql-align">
-                            <option selected></option>
-                            <option value="center"></option>
-                            <option value="right"></option>
-                            <option value="justify"></option>
-                        </select>
-                    </span>
-                </div>
-            </ng-quill-toolbar>
-        </ng-quill-editor>
-
-        <h3>Custom font sizes</h3>
-        <ng-quill-editor ng-model="title" custom-options="customOptions" modules="customModules"></ng-quill-editor>
-
+          <ng-quill-toolbar>
+              <div id="ng-quill-toolbar">
+                  <span class="ql-formats">
+                      <button class="ql-bold" ng-attr-title="{{'Bold'}}"></button>
+                  </span>
+                  <span class="ql-formats">
+                      <select class="ql-align" ng-attr-title="{{'Aligment'}}">
+                          <option selected></option>
+                          <option value="center"></option>
+                          <option value="right"></option>
+                          <option value="justify"></option>
+                      </select>
+                      <select class="ql-align">
+                          <option selected></option>
+                          <option value="center"></option>
+                          <option value="right"></option>
+                          <option value="justify"></option>
+                      </select>
+                  </span>
+              </div>
+          </ng-quill-toolbar>
+      </ng-quill-editor>
+
+      <h3>Custom font sizes</h3>
+      <ng-quill-editor ng-model="title" custom-options="customOptions" modules="customModules"></ng-quill-editor>
     </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
index 1c07c12..e281e09 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34,21 +34,21 @@
       "optional": true
     },
     "angular": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/angular/-/angular-1.7.5.tgz",
-      "integrity": "sha512-760183yxtGzni740IBTieNuWLtPNAoMqvmC0Z62UoU0I3nqk+VJuO3JbQAXOyvo3Oy/ZsdNQwrSTh/B0OQZjNw==",
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/angular/-/angular-1.7.7.tgz",
+      "integrity": "sha512-MH3JEGd8y/EkNCKJ8EV6Ch0j9X0rZTta/QVIDpBWaIdfh85/e5KO8+ZKgvWIb02MQuiS20pDFmMFlv4ZaLcLWg==",
       "dev": true
     },
     "angular-mocks": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/angular-mocks/-/angular-mocks-1.7.5.tgz",
-      "integrity": "sha512-I+Ue2Bkx6R9W5178DYrNvzjIdGh4wKKoCWsgz8dc7ysH4mA70Q3M9v5xRF0RUu7r+2CZj+nDeUecvh2paxcYvg==",
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/angular-mocks/-/angular-mocks-1.7.7.tgz",
+      "integrity": "sha512-EIUUAigjCgyk4Lqspf1iM0RItOPtlKoHlqDyrYsgVmMqj5xS41BDXIqedcMAFn6Lln5Qe9YDsGQ3ZHAAoX1SgA==",
       "dev": true
     },
     "angular-sanitize": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/angular-sanitize/-/angular-sanitize-1.7.5.tgz",
-      "integrity": "sha512-wjKCJOIwrkEvfD0keTnKGi6We13gtoCAQIHcdoqyoo3gwvcgNfYymVQIS3+iCGVcjfWz0jHuS3KgB4ysRWsTTA==",
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/angular-sanitize/-/angular-sanitize-1.7.7.tgz",
+      "integrity": "sha512-DZ0kidLOOrq/mbqwKbeT2aSlT2Kdy25tZh5KcWOrRXx26imbhQfwbuncMYMFh7uPqfWySAI534+XhjnmhJ626Q==",
       "dev": true
     },
     "ansi-regex": {
@@ -74,6 +74,17 @@
       "requires": {
         "micromatch": "^3.1.4",
         "normalize-path": "^2.1.1"
+      },
+      "dependencies": {
+        "normalize-path": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+          "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+          "dev": true,
+          "requires": {
+            "remove-trailing-separator": "^1.0.1"
+          }
+        }
       }
     },
     "argparse": {
@@ -288,9 +299,9 @@
       }
     },
     "binary-extensions": {
-      "version": "1.12.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.12.0.tgz",
-      "integrity": "sha512-DYWGk01lDcxeS/K9IHPGWfT8PsJmbXRtRd2Sx72Tnb8pcYZQFF1oSDb8hJtS1vhp212q1Rzi5dUf9+nq0o9UIg==",
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.0.tgz",
+      "integrity": "sha512-EgmjVLMn22z7eGGv3kcnHwSnJXmFHjISTY9E/S5lIcTD3Oxw05QTcBLNkJFzcb3cNueUdF/IN4U+d78V0zO8Hw==",
       "dev": true
     },
     "blob": {
@@ -476,24 +487,23 @@
       }
     },
     "chokidar": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz",
-      "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.1.tgz",
+      "integrity": "sha512-gfw3p2oQV2wEt+8VuMlNsPjCxDxvvgnm/kz+uATu805mWVF8IJN7uz9DN7iBz+RMJISmiVbCOBFs9qBGMjtPfQ==",
       "dev": true,
       "requires": {
         "anymatch": "^2.0.0",
-        "async-each": "^1.0.0",
-        "braces": "^2.3.0",
-        "fsevents": "^1.2.2",
+        "async-each": "^1.0.1",
+        "braces": "^2.3.2",
+        "fsevents": "^1.2.7",
         "glob-parent": "^3.1.0",
-        "inherits": "^2.0.1",
+        "inherits": "^2.0.3",
         "is-binary-path": "^1.0.0",
         "is-glob": "^4.0.0",
-        "lodash.debounce": "^4.0.8",
-        "normalize-path": "^2.1.1",
+        "normalize-path": "^3.0.0",
         "path-is-absolute": "^1.0.0",
-        "readdirp": "^2.0.0",
-        "upath": "^1.0.5"
+        "readdirp": "^2.2.1",
+        "upath": "^1.1.0"
       }
     },
     "circular-json": {
@@ -653,9 +663,9 @@
       "dev": true
     },
     "core-js": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.1.tgz",
-      "integrity": "sha512-L72mmmEayPJBejKIWe2pYtGis5r0tQ5NaJekdhyXgeMQTpJoBsH0NL4ElY2LfSoV15xeQWKQ+XTTOZdyero5Xg==",
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.4.tgz",
+      "integrity": "sha512-05qQ5hXShcqGkPZpXEFLIpxayZscVD2kuMBZewxiIPPEagukO4mqgPA9CWhUvFBJfy3ODdK2p9xyHh7FTU9/7A==",
       "dev": true
     },
     "core-util-is": {
@@ -1342,9 +1352,9 @@
       "dev": true
     },
     "fsevents": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.4.tgz",
-      "integrity": "sha512-z8H8/diyk76B7q5wg+Ud0+CqzcAF3mBBI/bA5ne5zrRUUIvNkJY//D3BqyH571KuAC4Nr7Rw7CjWX4r0y9DvNg==",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.7.tgz",
+      "integrity": "sha512-Pxm6sI2MeBD7RdD12RYsqaP0nMiwx8eZBXCa6z2L+mRHm2DYrOYwihmhjpkdjUHwQhslWQjRpEgNq4XvBmaAuw==",
       "dev": true,
       "optional": true,
       "requires": {
@@ -1370,7 +1380,7 @@
           "optional": true
         },
         "are-we-there-yet": {
-          "version": "1.1.4",
+          "version": "1.1.5",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1394,7 +1404,7 @@
           }
         },
         "chownr": {
-          "version": "1.0.1",
+          "version": "1.1.1",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -1430,7 +1440,7 @@
           }
         },
         "deep-extend": {
-          "version": "0.5.1",
+          "version": "0.6.0",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -1479,7 +1489,7 @@
           }
         },
         "glob": {
-          "version": "7.1.2",
+          "version": "7.1.3",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1499,12 +1509,12 @@
           "optional": true
         },
         "iconv-lite": {
-          "version": "0.4.21",
+          "version": "0.4.24",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "safer-buffer": "^2.1.0"
+            "safer-buffer": ">= 2.1.2 < 3"
           }
         },
         "ignore-walk": {
@@ -1565,16 +1575,16 @@
           "dev": true
         },
         "minipass": {
-          "version": "2.2.4",
+          "version": "2.3.5",
           "bundled": true,
           "dev": true,
           "requires": {
-            "safe-buffer": "^5.1.1",
+            "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
           }
         },
         "minizlib": {
-          "version": "1.1.0",
+          "version": "1.2.1",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1597,7 +1607,7 @@
           "optional": true
         },
         "needle": {
-          "version": "2.2.0",
+          "version": "2.2.4",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1608,18 +1618,18 @@
           }
         },
         "node-pre-gyp": {
-          "version": "0.10.0",
+          "version": "0.10.3",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
             "detect-libc": "^1.0.2",
             "mkdirp": "^0.5.1",
-            "needle": "^2.2.0",
+            "needle": "^2.2.1",
             "nopt": "^4.0.1",
             "npm-packlist": "^1.1.6",
             "npmlog": "^4.0.2",
-            "rc": "^1.1.7",
+            "rc": "^1.2.7",
             "rimraf": "^2.6.1",
             "semver": "^5.3.0",
             "tar": "^4"
@@ -1636,13 +1646,13 @@
           }
         },
         "npm-bundled": {
-          "version": "1.0.3",
+          "version": "1.0.5",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "npm-packlist": {
-          "version": "1.1.10",
+          "version": "1.2.0",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -1717,12 +1727,12 @@
           "optional": true
         },
         "rc": {
-          "version": "1.2.7",
+          "version": "1.2.8",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "deep-extend": "^0.5.1",
+            "deep-extend": "^0.6.0",
             "ini": "~1.3.0",
             "minimist": "^1.2.0",
             "strip-json-comments": "~2.0.1"
@@ -1752,16 +1762,16 @@
           }
         },
         "rimraf": {
-          "version": "2.6.2",
+          "version": "2.6.3",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "glob": "^7.0.5"
+            "glob": "^7.1.3"
           }
         },
         "safe-buffer": {
-          "version": "5.1.1",
+          "version": "5.1.2",
           "bundled": true,
           "dev": true
         },
@@ -1778,7 +1788,7 @@
           "optional": true
         },
         "semver": {
-          "version": "5.5.0",
+          "version": "5.6.0",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -1829,17 +1839,17 @@
           "optional": true
         },
         "tar": {
-          "version": "4.4.1",
+          "version": "4.4.8",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "chownr": "^1.0.1",
+            "chownr": "^1.1.1",
             "fs-minipass": "^1.2.5",
-            "minipass": "^2.2.4",
-            "minizlib": "^1.1.0",
+            "minipass": "^2.3.4",
+            "minizlib": "^1.1.1",
             "mkdirp": "^0.5.0",
-            "safe-buffer": "^5.1.1",
+            "safe-buffer": "^5.1.2",
             "yallist": "^3.0.2"
           }
         },
@@ -1850,12 +1860,12 @@
           "optional": true
         },
         "wide-align": {
-          "version": "1.1.2",
+          "version": "1.1.3",
           "bundled": true,
           "dev": true,
           "optional": true,
           "requires": {
-            "string-width": "^1.0.2"
+            "string-width": "^1.0.2 || 2"
           }
         },
         "wrappy": {
@@ -1864,7 +1874,7 @@
           "dev": true
         },
         "yallist": {
-          "version": "3.0.2",
+          "version": "3.0.3",
           "bundled": true,
           "dev": true
         }
@@ -2462,9 +2472,9 @@
       }
     },
     "karma": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/karma/-/karma-3.1.4.tgz",
-      "integrity": "sha512-31Vo8Qr5glN+dZEVIpnPCxEGleqE0EY6CtC2X9TagRV3rRQ3SNrvfhddICkJgUK3AgqpeKSZau03QumTGhGoSw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-4.0.0.tgz",
+      "integrity": "sha512-EFoFs3F6G0BcUGPNOn/YloGOb3h09hzTguyXlg6loHlKY76qbJikkcyPk43m2kfRF65TUGda/mig29QQtyhm1g==",
       "dev": true,
       "requires": {
         "bluebird": "^3.3.0",
@@ -2598,12 +2608,6 @@
       "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==",
       "dev": true
     },
-    "lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
-      "dev": true
-    },
     "log-symbols": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz",
@@ -2863,13 +2867,10 @@
       }
     },
     "normalize-path": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
-      "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
-      "dev": true,
-      "requires": {
-        "remove-trailing-separator": "^1.0.1"
-      }
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true
     },
     "number-is-nan": {
       "version": "1.0.1",
diff --git a/package.json b/package.json
index 1365caa..a7c2089 100644
--- a/package.json
+++ b/package.json
@@ -1,16 +1,16 @@
 {
   "name": "ng-quill",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "Angular component for the Quill Rich Text Editor",
   "author": "Bengt Weiße <bengtler@gmail.com>",
   "homepage": "https://github.com/KillerCodeMonkey/ngQuill",
   "main": "dist/ng-quill.js",
   "devDependencies": {
-    "angular": "^1.7.5",
-    "angular-mocks": "^1.7.5",
-    "angular-sanitize": "^1.7.5",
+    "angular": "^1.7.7",
+    "angular-mocks": "^1.7.7",
+    "angular-sanitize": "^1.7.7",
     "jasmine-core": "^3.3.0",
-    "karma": "^3.1.4",
+    "karma": "^4.0.0",
     "karma-coverage": "^1.1.2",
     "karma-jasmine": "^2.0.1",
     "karma-mocha-reporter": "2.2.5",
diff --git a/src/ng-quill.js b/src/ng-quill.js
index ef26261..6c88f02 100755
--- a/src/ng-quill.js
+++ b/src/ng-quill.js
@@ -107,7 +107,6 @@
       var content
       var editorElem
       var format = 'html'
-      var modelChanged = false
       var editorChanged = false
       var editor
       var placeholder = ngQuillConfig.placeholder
@@ -148,24 +147,28 @@
       }
 
       this.$onChanges = function (changes) {
-        if (changes.ngModel && changes.ngModel.currentValue !== changes.ngModel.previousValue) {
+        if (changes.ngModel) {
           content = changes.ngModel.currentValue
 
-          if (editor && !editorChanged) {
-            modelChanged = true
-            if (content) {
-              if (this.format === 'text') {
-                editor.setText(content)
+          if (editor) {
+            if (!editorChanged) {
+              if (content) {
+                if (changes.ngModel.currentValue !== changes.ngModel.previousValue) {
+                  if (this.format === 'text') {
+                    editor.setText(content, 'api')
+                  } else {
+                    editor.setContents(
+                      this.setter(content),
+                      'api'
+                    )
+                  }
+                }
               } else {
-                editor.setContents(
-                  this.setter(content)
-                )
+                editor.setText('', 'api')
               }
-            } else {
-              editor.setText('')
             }
+            editorChanged = false
           }
-          editorChanged = false
         }
 
         if (editor && changes.readOnly) {
@@ -310,55 +313,49 @@
           }
           this.validate(text)
 
-          if (!modelChanged) {
-            $scope.$applyAsync(function () {
+          $scope.$applyAsync(function () {
+            if (source === 'user') {
               editorChanged = true
-
-              if (source === 'user') {
-                if (format === 'text') {
+              if (format === 'text') {
+                this.ngModelCtrl.$setViewValue(text)
+              } else if (format === 'object') {
+                this.ngModelCtrl.$setViewValue(content)
+              } else if (this.format === 'json') {
+                try {
+                  this.ngModelCtrl.$setViewValue(JSON.stringify(content))
+                } catch (e) {
                   this.ngModelCtrl.$setViewValue(text)
-                } else if (format === 'object') {
-                  this.ngModelCtrl.$setViewValue(content)
-                } else if (this.format === 'json') {
-                  try {
-                    this.ngModelCtrl.$setViewValue(JSON.stringify(content))
-                  } catch (e) {
-                    this.ngModelCtrl.$setViewValue(text)
-                  }
-                } else {
-                  this.ngModelCtrl.$setViewValue(html)
                 }
+              } else {
+                this.ngModelCtrl.$setViewValue(html)
               }
+            }
 
-              if (this.onContentChanged) {
-                this.onContentChanged({
-                  editor: editor,
-                  html: html,
-                  text: text,
-                  content: content,
-                  delta: delta,
-                  oldDelta: oldDelta,
-                  source: source
-                })
-              }
-            }.bind(this))
-          }
-          modelChanged = false
+            if (this.onContentChanged) {
+              this.onContentChanged({
+                editor: editor,
+                html: html,
+                text: text,
+                content: content,
+                delta: delta,
+                oldDelta: oldDelta,
+                source: source
+              })
+            }
+          }.bind(this))
         }.bind(this))
 
         // set initial content
         if (content) {
-          modelChanged = true
-
           if (format === 'text') {
-            editor.setText(content, 'silent')
+            editor.setText(content, 'api')
           } else if (format === 'object') {
-            editor.setContents(content, 'silent')
+            editor.setContents(content, 'api')
           } else if (format === 'json') {
             try {
-              editor.setContents(JSON.parse(content), 'silent')
+              editor.setContents(JSON.parse(content), 'api')
             } catch (e) {
-              editor.setText(content, 'silent')
+              editor.setText(content, 'api')
             }
           } else {
             editor.setContents(editor.clipboard.convert(this.sanitize ? $sanitize(content) : content, 'silent'))