angular 材料 select 并在同一字段内输入

Question

我遇到了这篇文章，当 select 在输入之后时效果很好，但是如何在 matinput 之前将它与 mat-select 一起使用？ 一旦我切换顺序，组件就会变得不可用，每次在该字段内单击都会触发 select。

Angular 材料输入和 select 在一个表单字段中

我的叉子： 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 文档，该文档着眼于创建自定义表单域控件：创建自定义表单域控件