title: How to get innerHTML of this dynamic div in my Angular 2 application?
body: <pre><code>&lt;div *ngFor="let field of page.fields"&gt; 
      &lt;div #ce class="infills richtextbox textarea {{field.groupid}}" contentEditable="true"
          *ngIf="(field.fieldtype=='textarea' &amp;&amp; field.isexpandable=='true')"
          id="{{field.id}}" name="{{field.id}}"
          [ngStyle]="{'position':'absolute','top':field.y+'px','left':field.x+'px',
                      'font-size':'12px','font-family':'Courier New','height':field.height+'px',
                      'width':field.width+'px','background':'#EEE'}" 
          [(ngModel)]="field.value" title="{{field.description}}"
          (dblclick)="openFullRTE(field.id)" (focusout)="getHTMLContent()"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In ts part,</p>
  
  <pre><code>getHTMLContent() {
      console.log(this.ce.nativeElement.innerHTML);
    }
  </code></pre>
  
  <p>When I write anything in first div, respective innerHTML is consoled properly. Then if I write something in second div, console gets overridden by data of first div. Please suggest a way to get HTML content of individual fields and to console them separately.</p>