title: quill error 'quill Invalid Quill container'
body: <p>I'm using angular 4 and a quill editor. but I get an error of <code>quill Invalid Quill container</code>. I change the name of the container but it still returns the error and cannot identify the container id. I create my quill object in ngOninit but it's not working! these are my codes: </p>
  
  <pre><code>import * as Quill from 'quill';
  quill;
  this.quill = new Quill('#editor-container', {
      modules: {
          toolbar: { container: '#toolbar-toolbar' }
      },
      theme: 'snow'
  });
  </code></pre>
  
  <p>and this is HTML file: </p>
  
  <pre><code>&lt;md-card&gt;
    &lt;div class="toolbar border-none" id="toolbar-toolbar"&gt;
      &lt;span class="ql-formats"&gt;
        &lt;select class="ql-size"&gt;
          &lt;option value="small"&gt;&lt;/option&gt;
          &lt;option selected=""&gt;&lt;/option&gt;
          &lt;option value="large"&gt;&lt;/option&gt;
          &lt;option value="huge"&gt;&lt;/option&gt;
        &lt;/select&gt;
      &lt;/span&gt;
      &lt;span class="ql-formats"&gt;
        &lt;button class="ql-bold"&gt;&lt;/button&gt;
        &lt;button class="ql-italic"&gt;&lt;/button&gt;
        &lt;button class="ql-underline"&gt;&lt;/button&gt;
        &lt;button class="ql-strike"&gt;&lt;/button&gt;
      &lt;/span&gt;
      &lt;span class="ql-formats"&gt;
        &lt;select class="ql-color"&gt;&lt;/select&gt;
        &lt;select class="ql-background"&gt;&lt;/select&gt;
      &lt;/span&gt;
      &lt;span class="ql-formats"&gt;
        &lt;button class="ql-list" value="ordered"&gt;&lt;/button&gt;
        &lt;button class="ql-list" value="bullet"&gt;&lt;/button&gt;
        &lt;select class="ql-align"&gt;
          &lt;option selected=""&gt;&lt;/option&gt;
          &lt;option value="center"&gt;&lt;/option&gt;
          &lt;option value="right"&gt;&lt;/option&gt;
          &lt;option value="justify"&gt;&lt;/option&gt;
        &lt;/select&gt;
      &lt;/span&gt;
      &lt;span class="ql-formats"&gt;
        &lt;button class="ql-link"&gt;&lt;/button&gt;
      &lt;/span&gt;
    &lt;/div&gt;
    &lt;hr class="ma-0"&gt;
    &lt;div class="border-none capital" id="editor-container" #content&gt;
      &lt;span class="font direct"&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/md-card&gt;
  </code></pre>