Как получить выбранное значение?

Помогите пожалуйста получить из material autocomplete после нажатия на кнопку submit выбранное значение. Мой код выглядит приблизительно так: html:

<form class="example-form">
  <mat-form-field class="example-full-width">
    <input  type="text" 
                    placeholder="Сделайте выбор" 
                    matInput 
                    name="city"
                    [matAutocomplete]="auto"   
                    (input)="getCities(city)"                   
                    [(ngModel)]="city">
    <mat-autocomplete #auto="matAutocomplete">
      <mat-option *ngFor="let optionObj of options" [value]="optionObj" (click)="onSelectCity(optionObj.name)">
        {{ optionObj.name }}
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>
  <button class="btn btn-common" mat-button (click)="submitForm(city)">
    Отправить
  </button>   
</form>

js:

  private options = [
    {name: 'qwerty', id: 34234234},
    {name: 'qwerty2', id: 121212},
    {name: 'qwerty3', id: 676767},
    {name: 'qwerty4', id: 453657}
  ];
  onSelectCity(option) {
    console.log(option);
    this.city = option;
  };
  submitForm(city) {
    console.log('submit', city);
  };

Этот код частично работает. То есть после нажатия на кнопку submit я получаю в submitForm название города. Но мне кроме названия нужен так же id города(а в реальной задаче там кроме id много ещё свойств)