เลือกและป้อนวัสดุเชิงมุมภายในช่องเดียวกัน

Aug 18 2020

ฉันเจอโพสต์นี้ซึ่งทำงานได้ดีเมื่อตัวเลือกอยู่หลังอินพุต แต่จะใช้อย่างไรกับ mat-select ก่อน matinput ทันทีที่ฉันเปลี่ยนลำดับส่วนประกอบจะไม่สามารถใช้งานได้โดยการเลือกจะถูกทริกเกอร์ทุกครั้งที่คลิกภายในฟิลด์

ป้อนวัสดุเชิงมุมและเลือกในฟิลด์แบบฟอร์มเดียว

ส้อมของฉัน: 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>

คำตอบ

RafiHenig Aug 17 2020 at 23:57

ทำตามเอกสารวัสดุเชิงมุมซึ่งดูการสร้างตัวควบคุมฟิลด์ฟอร์มแบบกำหนดเอง: การสร้างตัวควบคุมฟิลด์ฟอร์มแบบกำหนดเอง