在同一字段内选择和输入角度材料

Question

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

Angular Material Input and select in one form field

我的叉子： 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 文档：Creating a custom form field control