同じフィールド内で角度のあるマテリアルを選択して入力する

Question

selectが入力の後にあるときにうまく機能するこの投稿に出くわしましたが、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のドキュメントに従ってください：カスタムフォームフィールドコントロールの作成