title: Angular combobox with index variable acessible outside of ngfor
body: <p>Basically i want to display and index variable in another part of my template without using variables inside my component, to simplify my code.</p>
  
  <p><strong>component.ts</strong></p>
  
  <pre><code>items:[{name:'foo',val:100},{name:'boo',val:200},{name:'doo',val:300}];
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;select *ngFor="let item of items; index as i"&gt;
     &lt;option value="i+1"&gt;{{i+1}} {{item}}&lt;/option&gt;
  &lt;/select&gt;
  
  ...thing and another itens
  &lt;!--here i want to get the value of selected value of for and the selected index--&gt;
  &lt;p&gt;{{i.value}} {{item.value}}&lt;/p&gt;
  </code></pre>
  
  <p>Its possible or its better set and on change event in component passing the variable with #selected to component and then get it after selected ?</p>