title: Pass component reference to component inside ngFor (Angular)
body: <p>How can I pass component reference to another component if both components are in ngFor?</p>
  
  <pre><code>&lt;div *ngFor="let address of fields?.addresses"&gt;
      &lt;div&gt;
          &lt;o-lookup-dropdownlist&gt;&lt;/o-lookup-dropdownlist&gt;
          &lt;o-lookup-dropdownlist [cascade]="!!!linkToUpper o-lookup-dropdownlist !!!!"&gt;&lt;/o-lookup-dropdownlist&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Something like that:</p>
  
  <pre><code>&lt;div *ngFor="let address of fields?.addresses; let i = index"&gt;
      &lt;div&gt;
          &lt;o-lookup-dropdownlist #first{{i}}&gt;&lt;/o-lookup-dropdownlist&gt;
          &lt;o-lookup-dropdownlist [cascade]="'first' + i"&gt;&lt;/o-lookup-dropdownlist&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Use case:</strong> (@methgaard)<br>
  I need component reference because second dropdownlist depends on result of the first one (country -> post code for example). If I have a component reference, I can disable second <code>o-lookup-dropdownlist</code> until first one has a value. (There is no point in selecting post code before you select country).</p>