Помогите пожалуйста получить из 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 много ещё свойств)