title: Using *ngFor with index, I am not getting the correct index from (onEditorCreated($event,i) ngx-Quill
body: <p>I have several posts that are displayed on screen using *ngFor. I am trying to target the css of the first two posts using Jquery.
  Every post I create a quill-editor, I was hoping to use (onEditorCreated($event, i) in order to get the index of every post.
  However even though {{i}} displays the right order (idPost0-idPost1-idPost2 etc.), when I console.log the i in the method onEditorCreatedPosted($event, i) the i shows 0,0,1,2,0 rather then 0,1,2,3,4,5. </p>
  
  <p>Any idea what causes this behaviour?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class ="smallwrapper2" id="{{'idPost'+i}}"  *ngFor="let key of publicPostContent; let i = index" &gt; 
   {{i}}
  &lt;button class="textBoxDeveloper" name="textBoxDeveloper" (click)="selectPublicDeveloper(key._id, key.grade)"&gt;  
  &lt;quill-editor name="editor2" 
       [style]="{'width' : 'auto', 'font-size': '10px'}"
       [(ngModel)]="key.firstLineOfText"                (onEditorCreated)="this.onEditorCreatedPosted($event, i)"
       theme="bubble"  [modules]="{toolbar: false}"  &gt;
       &lt;div style="overflow:hidden"&gt;&lt;/div&gt;
  &lt;/quill-editor&gt;     
  &lt;/button&gt;
        </code></pre>
  </div>
  </div>
  </p>