title: LINQ in ngFor Angular 6
body: <p>I get some 15 different lookup list values in the <code>component.ts</code> and i assign each to a list and bind it to the <code>&lt;select&gt;</code> in html. This works fine.</p>
  
  <p>To make this code more in a cleaner way, is there anything like this?</p>
  
  <pre><code>&lt;mat-form-field class="example-full-width"&gt;
                &lt;mat-label&gt;Preferred Job&lt;/mat-label&gt;
                &lt;mat-select&gt;
                   &lt;mat-option *ngFor="let job of designationList.filter(x=&gt;x.lookupName === 'Designation')" [value]="job.id"&gt;
                    {{job.lookupValue}}
                  &lt;/mat-option&gt; 
                &lt;/mat-select&gt;
              &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>Kind of <code>where</code> or <code>filter</code> condition could directly be applied in the <code>&lt;select&gt;</code> so that i can no longer use separate list for each dropdown?</p>