title: How get the selected item in option angular
body: <p>I have a <code>dropdown</code> that fills with some item of type <code>ObjectA</code>. </p>
  
  <p><strong>item.component.html:</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;label&gt;items list:
      &lt;select formControlName="itemsCtl" (change)="onChange()"&gt;
          &lt;option *ngFor="let item of itemList" [value]="item"&gt;{{item.label}}&lt;/option&gt;
      &lt;/select&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>In my reactive forms I need to have the selected item but when I searched a lot on the Internet I found the code for my purpose:</p>
  
  <p><strong>item.component.ts:</strong></p>
  
  <pre><code>selectedItem : ObjectA;
  ...
  onChange()
  {  
      this.selectedItem = this.factorForm.controls['itemsCtl'].value;
  }
  </code></pre>
  
  <p>but when I get the selected item it is as <code>[object object]</code> while I need to have selected item as <code>ObjectA</code>. how I can have selected item as <code>ObjectA</code> or even how I can convert <code>[object object]</code> to <code>ObjectA</code>? </p>
  
  <p>Using <code>Angular</code> 5.0.1.</p>