title: Update froala toolbar icons dynamically
body: <p>In my <code>angular</code> application I have a drop down and a <code>froala</code> editor below that. Based on the selection of the drop down, the toolbar icons of the froala editor should be updated. Please see the code below</p>
  
  <p><strong>froala.component.html</strong></p>
  
  <pre><code>        &lt;select  [(ngModel)]="selectedType" (change)="customizeEditorButtons()" &gt; 
           &lt;option value="1"&gt; Option 1 &lt;/option&gt; 
           &lt;option value="2"&gt; Option 2 &lt;/option&gt; 
          &lt;/select&gt;
  
  
  &lt;textarea [froalaEditor]="editorOptions" [(froalaModel)]="froalaContent"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p><strong>froala.component.ts</strong></p>
  
  <pre><code>this.editorOptions = {
     toolbarButtons: this.toolBarbuttonsModified
  }
  
   public customizeEditorButtons(){
    this.toolBarbuttonsModified = [ 'redo' , '-', 'bold', 'italic'];
  }
  </code></pre>
  
  <p>The <code>customizeEditorButtons()</code> function won't update the froala editor as it is already rendered on init. So what is the option to update the toolbar icons dyanamically.</p>