title: selecting a item from a list and edit
body: <p>A im trying to make a simple app that let the user click and select one of the items in the list wich then will appear on the input box thus letting the user edit the item. No problem compiling the code and the app renders well except that the selection part doesnt work</p>
  
  <pre><code>    import { Component } from '@angular/core';
  
  @Component({
      selector: 'comb',
      template: `
    &lt;div style="margin-left:1%;"&gt;
      &lt;ul class="list-group"&gt;
        &lt;li *ngFor="let CombtItem of CombtItems" (Click)="onItemClicked(CombtItem)"   class="list-group-item"&gt;{{CombtItem.nombre}}&lt;/li&gt;
      &lt;/ul&gt;
      &lt;label for="Combt"&gt; Item: &lt;/label&gt;
      &lt;input type="text" class="form-control" id="Combt" [(ngModel)]="SelectedItem.nombre"  #CombtItem&gt;
    &lt;/div&gt;
      `
  })
  export class CombComponent {
    public CombtItems=[
      {nombre:"Test1"},
      {nombre:"Test2"},
      {nombre:"Test3"},
    ];
  
    public SelectedItem = {nombre:""};
  
    onItemClicked(CombtItem) {
      this.SelectedItem = CombtItem;
    }
  
  
  }
  </code></pre>