угловой выбор материала и ввод в одном поле

Question

Я наткнулся на этот пост, который хорошо работает, когда выбор находится после ввода, но как его использовать с выбором матов до ввода? Как только я меняю порядок, компонент становится непригодным для использования, а выбор запускается при каждом щелчке внутри поля.

Угловой ввод материала и выбор в одном поле формы

Моя вилка: https://stackblitz.com/edit/angular-6nqzf1-ox413y?file=app%2Fform-field-overview-example.html

    <mat-form-field appearance="outline">
        <mat-label>End Time</mat-label>
        <mat-select name="ampm" class="ampm" [(ngModel)]="event.eampm">
            <mat-option value="AM">AM</mat-option>
            <mat-option value="PM">PM</mat-option>
        </mat-select>
        <input matInput type="time" placeholder="HH:MM" id="end_time_hour" [formControl]="timeFormControl">
   </mat-form-field>

Answer 1

Следуйте документации angular-material, в которой рассматривается создание элемента управления настраиваемым полем формы: Создание элемента управления настраиваемым полем формы