I have a `dropdown` that fills with some item of type `ObjectA`. 

**item.component.html:**

```html
<label>items list:
    <select formControlName="itemsCtl" (change)="onChange()">
        <option *ngFor="let item of itemList" [value]="item">{{item.label}}</option>
    </select>
</label>

```

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:

**item.component.ts:**

```
selectedItem : ObjectA;
...
onChange()
{  
    this.selectedItem = this.factorForm.controls['itemsCtl'].value;
}

```

but when I get the selected item it is as `[object object]` while I need to have selected item as `ObjectA`. how I can have selected item as `ObjectA` or even how I can convert `[object object]` to `ObjectA`? 

Using `Angular` 5.0.1.