title: Angular 7 : Dynamic filters in *ngFor
body: <p>I am displaying list like below</p>
  
  <pre><code>&lt;tr role="row" *ngFor="let record of recordList | filterColumn: {AccessCode: filters.accessCode} | filterColumn: {Organization: filters.organization} | filterColumn: {LastName: filters.lastName}"&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>Now what i want to do is generate <code>| filterColumn: {AccessCode: filters.accessCode} | filterColumn: {Organization: filters.organization}</code> from code/component &amp; add it to for loop.</p>
  
  <p>These filters are conditional &amp; i am creating generic grid. So i want to do these filters dynamically</p>
  
  <p>How can i achieve this</p>