title: How to access ng-Quill instance from controller to change toolbar in AngularJs
body: <p>I need to change the toolbar for quill.Js using angular, I tried to use <code>&lt;ng-quill-toolbar&gt;&lt;/ng-quill-toolbar&gt;</code> however it is not working as expected and on multiple editor its causing error, Is there a way where it can be changed using the options as given in quill.Js document using angular</p>
  
  <p><a href="https://quilljs.com/docs/configuration/" rel="nofollow noreferrer">https://quilljs.com/docs/configuration/</a></p>
  
  <p><strong>Module-Config</strong></p>
  
  <pre><code>(function() {
      'use strict';
      angular
          .module('app')
          .config(['ngQuillConfigProvider', function (ngQuillConfigProvider) {
              ngQuillConfigProvider.set();
          }]);
  })();
  </code></pre>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>(function () {
      'use strict';
  
      angular
          .module('app')
          .controller('Ctrl', Ctrl);
      function Ctrl($document) {
          var doc = $document[0];
  
          var container = doc.getElementsByClassName('editor');
  
          var toolbarOptions = [
              ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
              ['blockquote', 'code-block'],
  
              [{'header': 1}, {'header': 2}],               // custom button values
              [{'list': 'ordered'}, {'list': 'bullet'}],
              [{'script': 'sub'}, {'script': 'super'}],      // superscript/subscript
              [{'indent': '-1'}, {'indent': '+1'}],          // outdent/indent
              [{'direction': 'rtl'}],                         // text direction
  
              [{'size': ['small', false, 'large', 'huge']}],  // custom dropdown
              [{'header': [1, 2, 3, 4, 5, 6, false]}],
  
              [{'color': []}, {'background': []}],          // dropdown with defaults from theme
              [{'font': []}],
              [{'align': []}],
  
              ['clean']                                         // remove formatting button
          ];
          var options = {
              debug: 'info',
              modules: {
                  toolbar: toolbarOptions
              },
              placeholder: 'Compose an epic...',
              readOnly: true,
              theme: 'snow'
          };
          var editor = new Quill(container, options); //this instance is not initializing
  
      }
  
  })();
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;ng-quill-editor name="description" 
      required theme="snow"                                     
      placeholder="Enter your question here" 
      ng-model="vm.QUES" 
      class="editor"&gt;
   &lt;/ng-quill-editor&gt;
  
  
  Error:  var editor = new Quill(container, options); //this instance is not initializing
  </code></pre>