Add "autoUpdateContent" option

README.md

@@ -42,6 +42,7 @@ import 'brace/mode/sql';
        [theme]="'clouds'"
        [options]="options"
        [readOnly]="false"
+       [autoUpdateContent]="true" //change content when [text] change
        (textChanged)="onChange($event)"
        style="min-height: 200px; width:100%; overflow: auto;"></div>
   `

index.d.ts

@@ -8,6 +8,7 @@ export declare class AceEditorDirective {
     _readOnly: boolean;
     _theme: string;
     _mode: string;
+    _autoUpdateContent: boolean;
     editor: any;
     oldText: any;
     constructor(elementRef: ElementRef);
@@ -18,4 +19,5 @@ export declare class AceEditorDirective {
     theme: any;
     mode: any;
     text: any;
+    autoUpdateContent: any;
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng2-ace-editor",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Ace editor integration with typescript for angular 2.",
   "main": "index.js",
   "scripts": {

src/index.ts

@@ -7,7 +7,7 @@ declare var ace:any;
 
 @Directive({
   selector: '[ace-editor]',
-  inputs: ['text', 'mode', 'theme', 'readOnly', 'options'],
+  inputs: ['text', 'mode', 'theme', 'readOnly', 'options', 'autoUpdateContent'],
   outputs: ['textChanged']
 })
 export class AceEditorDirective {
@@ -16,6 +16,7 @@ export class AceEditorDirective {
   _readOnly:boolean = false;
   _theme:string = "monokai";
   _mode:string = "html";
+  _autoUpdateContent:boolean = true;
   editor:any;
   oldText:any;
 
@@ -66,10 +67,16 @@ export class AceEditorDirective {
 
   @Input() set text(text) {
       if(text == null)
-        text = "";
+          text = "";
 
-      this.editor.setValue(text);
-      this.editor.clearSelection();
-      this.editor.focus();
+      if(this._autoUpdateContent == true) {
+          this.editor.setValue(text);
+          this.editor.clearSelection();
+          this.editor.focus();
+      }
+  }
+
+  @Input() set autoUpdateContent(status) {
+      this._autoUpdateContent = status;
   }
 }