I'm trying to set a select option but can't seem to get it working. Running `this.eventForm.controls.venue.setValue(event.venue.name);` changes the value of `venue`, to whatever `event.venue.name` is, but the select option doesn't change. 

component.ts

```
const eventObject = this.db.object(`/events/${eventId}`);
    console.log(eventObject);

    this.existingEvent = eventObject
      .takeUntil(this.ngUnsubscribe)
      .subscribe((event: Object) => this.reForm(event),
      (error: any) => { console.log(error) }
      );

  reForm(event): void {

    if (this.eventForm) {
      this.eventForm.reset();
    }

    console.log(this.eventForm.controls.venue);

    this.eventForm.controls.venue.setValue(event.venue.name);

    this.eventForm.patchValue({
      category: event.category,
      date: event.date,
      // venue: event.venue.name,
      description: event.description,
      name: event.name,
    })
  }

```

component.html

```
<form [formGroup]="eventForm">

    <md-select class="example-full-width" [ngModelOptions]="{standalone: true}" placeholder="Venue"
                (change)="venueProcess($event)">
                <md-option *ngFor="let venue of venues | async" [value]="venue.$key">
                  {{ venue.name }}
                </md-option>
              </md-select>
</form>

```

\*\*\* Edit. Image after setting value

[![enter image description here](https://i.stack.imgur.com/LKQiu.png)](https://i.stack.imgur.com/LKQiu.png)