matériau angulaire sélectionner et saisir dans le même champ

Question

Je suis tombé sur ce post qui fonctionne bien quand le select est après l'entrée, mais comment l'utiliser avec un mat-select avant le matinput? Dès que je change d'ordre, le composant devient inutilisable, la sélection étant déclenchée à chaque clic à l'intérieur du champ.

Entrée de matériau angulaire et sélection dans un champ de formulaire

Ma fourchette: 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

Suivez la documentation sur le matériau angulaire qui examine la création d'un contrôle de champ de formulaire personnalisé: Création d'un contrôle de champ de formulaire personnalisé