title: How to avoid mat-tab lazy load to reset the controls/components
body: <p>Im using a single tab to lazy load a content with some control that depends or requires initialization such us 3rd party editor (e.g. TinyMCE).</p>
  
  <p>I managed to integrate the controls, however I have this problem whenever we navigate to another tab the control keep resetting <em>(NOW on this case the TinyMCE editor wrapped inside another component)</em>. </p>
  
  <p><strong>editor-wrapper.component.html</strong></p>
  
  <pre><code>&lt;p&gt;
      &lt;editor [formControl]="editor_control"&gt;&lt;/editor&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p><strong>editor-wrapper.component.ts</strong></p>
  
  <pre><code>editor_control: FormControl;
  
  constructor() {
    this.editor_control = new FormControl('Editor text... sample..');
    console.log('foo foo');
  }
  </code></pre>
  
  <p>And seem like <code>console.log('foo foo');</code> keep printing when navigating back-in-fort  which means the <code>editor-wrapper.component</code> is resetting/re-initializing.</p>
  
  <p>How can we avoid this? There is no option to just only lazy load the tab for a single or first time the user navigates?</p>
  
  <p>Please check this <strong><a href="https://stackblitz.com/edit/material2-mat-tab-lazy-loading-problem" rel="nofollow noreferrer">demo</a></strong> </p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>The input text was solve by using <code>[(ngModel)]</code> based on @Arash comment.</p>