title: Angular-QueryBuilder: Dynamically changing fields
body: <p>Is there a way to dynamically change which fields are available to <a href="https://github.com/zebzhao/Angular-QueryBuilder" rel="nofollow noreferrer">Angular-QueryBuilder</a>?</p>
  
  <p>I've tried:</p>
  
  <ol>
  <li><strong>Updating the <code>fields</code> property of my <code>QueryBuilderConfig</code>.</strong>
  
  <ul>
  <li>Nothing happens.</li>
  </ul></li>
  <li><strong>Removing and re-adding the component using <code>ngIf</code> and <code>ChangeDetectorRef</code>.</strong>
  
  <ul>
  <li>The fields do update.</li>
  <li>However, now certain fields break the query builder. When any of those fields is selected, the add rule and add ruleset buttons appear to do nothing. You have to remove the problem field before your additions show up.</li>
  <li>Video: <a href="https://i.imgur.com/UXZgpQ4.mp4" rel="nofollow noreferrer">https://i.imgur.com/UXZgpQ4.mp4</a></li>
  </ul></li>
  </ol>