title: Looking for a efficient way to bind a large number of identical dropdown lists in Angular 6
body: <p>Imagine you have an array of 100 customer records.  I want to render out a list of these customers with a select/dropdown for each.  All dropdowns will have the same 200 options in.  I'm finding this is taking around 7 seconds to render which is too long.  Is there a way to optimise this?  Perhaps somehow reusing the set of options in the dropdowns so they are only bound once and cloned?</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li *ngFor="let control of customerArray; let i = index;"&gt;
        &lt;div&gt;
          &lt;select [formControl]="control"&gt;
            &lt;option *ngFor="let option of options"&gt;
              {{option.displayName}}&lt;/option&gt;
          &lt;/select&gt;
        &lt;/div&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>