title: how to select item in angular 5?
body: <p>I have countries select which include first component definition:</p>
  
  <pre><code>public countries: Country[];
  private selectedCountry: Country;
  </code></pre>
  
  <p>I have a select in html:</p>
  
  <pre><code>&lt;select [(ngModel)]="company.country" (change)="onSelectCountry($event)" style="width: 120px"&gt;
          &lt;option *ngFor="let c of countries" [ngValue]="c"&gt;{{c.country.name}}&lt;/option&gt;
        &lt;/select&gt;
  </code></pre>
  
  <p>And the change method:</p>
  
  <pre><code>onSelectCountry(val)  {
      this.selectedCountry = val.target.value;
      alert(this.selectedCountry.name);
    }
  </code></pre>
  
  <p>I'm getting 'undefined' and if I omit the '.name' I'm getting '0: Object' where the 0 is the index of the item in the array,
  any idea how can I get from here the Country object ?</p>